각자 옆에 부트 스트랩 패널을 붙이는 방법

Question

나는 잠시 동안 이것을 해왔다. 나는 반 초학생이다.

이 아직도 많이 배우고

http://prntscr.com/ceex21처럼 보이는 것입니다.

그리고이

프로그래밍 및 웹 디자인에 대해 아무것도 묻지 수있는 장소입니다 들었어요! 그런

<div class="col-xlg-4 col-md-6 hidden-xs"> 
     <!-- Example Panel With Footer --> 
     <div class="panel panel-bordered"> 
      <div class="panel-body"> 
      <h4>Body Heading</h4> 
      <p>Wrap buttons or secondary text in <code>.panel-footer</code>. Note 
       that panel footers do not inherit colors and borders when using 
       contextual variations as they are not meant to be in the foreground.</p> 
      </div> 
      <div class="panel-footer">Panel Footer</div> 
     </div> 
     <!-- End Example Panel With Footer --> 
     </div> 
     <!-- End Example Panel With Footer --> 
    </div> 

     <div class="page-content container-fluid"> 
    <div class="row"> 
     <div class="col-xlg-6 col-md-6"> 
     <!-- Example Panel With Heading --> 
     <div class="panel panel-bordered"> 
      <div class="panel-heading"> 
      <h3 class="panel-title">Panel Heading</h3> 
      </div> 
      <div class="panel-body"> 
      <div class="example-wrap"> 
      <h4 class="example-title">Basic</h4> 
      <p>Add class <code>.table</code>.</p> 
      <div class="example table-responsive"> 
       <table class="table"> 
       <thead> 
        <tr> 
        <th>#</th> 
        <th>First Name</th> 
        <th>Last Name</th> 
        <th>Username</th> 
        <th>Role</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr> 
        <td>1</td> 
        <td>Teagan</td> 
        <td>Prohaska</td> 
        <td>@Elijah</td> 
        <td> 
         <span class="label label-danger">admin</span> 
        </td> 
        </tr> 
        <tr> 
        <td>2</td> 
        <td>Andy</td> 
        <td>Gaylord</td> 
        <td>@Ramiro</td> 
        <td> 
         <span class="label label-info">member</span> 
        </td> 
        </tr> 
        <tr> 
        <td>3</td> 
        <td>Veronica</td> 
        <td>Gusikowski</td> 
        <td>@Maxime</td> 
        <td> 
         <span class="label label-warning">developer</span> 
        </td> 
        </tr> 
        <tr> 
        <td>4</td> 
        <td>Bruce</td> 
        <td>Rogahn</td> 
        <td>@Maggio</td> 
        <td> 
         <span class="label label-success">supporter</span> 
        </td> 
        </tr> 
        <tr> 
        <td>5</td> 
        <td>Carolina</td> 
        <td>Hickle</td> 
        <td>@Hammes</td> 
        <td> 
         <span class="label label-info">member</span> 
        </td> 
        </tr> 
        <tr> 
        <td>6</td> 
        <td>Madaline</td> 
        <td>Eichmann</td> 
        <td>@Amaya</td> 
        <td> 
         <span class="label label-success">supporter</span> 
        </td> 
        </tr> 
       </tbody> 
       </table> 
      </div> 
      </div> 
     </div> 
      </div> 
     </div> 
     <!-- End Example Panel With Heading --> 
     </div> 

Answer 1

뭔가 그냥 2 열이있는 행을 작성하고 당신이 당신의 열에서 원하는대로 넣어 ... 그것을 수행해야합니다

이

는 코드입니다.

는

<div class="row"> 
    <div class="col-sm-6"> 
     <div class="panel panel-bordered"> 
      <div class="panel-body"> 
       <h4>Body Heading</h4> 
       <p>Wrap buttons or secondary text in <code>.panel-footer</code>. Note 
        that panel footers do not inherit colors and borders when using 
        contextual variations as they are not meant to be in the foreground.</p> 
      </div> 
      <div class="panel-footer">Panel Footer</div> 
     </div> 
     <!-- End Example Panel With Footer --> 
    </div> 
    <div class="col-sm-6"> 
     <div class="panel panel-bordered"> 
      <div class="panel-body"> 
       <h4>Body Heading</h4> 
       <p>Wrap buttons or secondary text in <code>.panel-footer</code>. Note 
        that panel footers do not inherit colors and borders when using 
        contextual variations as they are not meant to be in the foreground.</p> 
      </div> 
      <div class="panel-footer">Panel Footer</div> 
     </div> 
     <!-- End Example Panel With Footer --> 
    </div> 
</div>