Загрузочный стол макета

Question

Я пытаюсь выполнить установку, показанную ниже с помощью Bootstrap 3, но я не могу найти способ сделать это, особенно, чтобы сохранить ее отзывчивость. Я смотрел на панели и столы и т. Д., Но потом, как правило, до сих пор не работал.

Answer 1

Я понял это в конце концов. Просто немного потрудился со строками внутри панелей.

<div class="panel-group" id="accordion" role="tablist"> 

    <div class="panel panel-default container-fluid"> 
     <div class="row panel-heading "> 
      <div class="col-sm-1 pull-left"></div> 
      <div class="col-sm-4 col-xs-12">Asset ID</div> 
      <div class="col-sm-2 col-xs-12">Status</div> 
      <div class="col-sm-2 col-xs-12">Asset Nodes</div> 
      <div class="col-sm-3 col-xs-12">Manage</div> 
     </div> 
    </div> 

    <div class="panel panel-default container-fluid"> 
     <div class="panel-heading row" role="tab" id="headingOne"> 
      <div class="col-xs-1"> 
       <div data-toggle="collapse" class="handpointer glyphicon glyphicon-chevron-right"></div> 

      </div> 
      <div class="col-sm-4 col-xs-12"> 
       <a href="#">xxx</a> 
      </div> 
      <div class="col-sm-2 col-xs-12">Normal</div> 
      <div class="col-sm-2 col-xs-12">?</div> 
      <div class="col-sm-3 col-xs-12"><a class="btn btn-xs btn-default" href="#" role="button">button</a></div> 
     </div> 
     <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne"> 
      <div class="panel-body"> 
       dsfsdfd 
      </div> 
     </div> 
    </div> 

</div> 

http://www.bootply.com/NLxmcWu4SJ