ボタンは、私がこのような何かを持っている現時点ではocuppy 6列内のボタンがサイドバーにパネル本体を構築するために必要なパネル本体内部に6列

Question

をocupyそれぞれのボタンは6列になり、現時点で何が起こっているのかはわかりません。ここ

は私がこれまでにやったことです：

<div class="sidebar"> 
     <h4>Document</h4> 
     <div class="panel-group"> 
      <div class="panel panel-danger"> 
       <div class="panel-body"> 
        <div class="col-md-6"> 
         <button class="btn btn-primary-outline btn-block"> 
          <span class="glyphicon glyphicon-share"></span> 
          <br>Paragraph 
         </button> 
        </div> 
        <div class="col-md-6"> 
         <button class="btn btn-primary-outline btn-small"> 
          <span class="glyphicon glyphicon-share"></span> 
          <br> 
          <span class="fontSize">Image</span> 
         </button> 
        </div> 
        <div class="col-md-6"> 
         <button class="btn btn-primary-outline btn-small"> 
          <span class="glyphicon glyphicon-share"></span> 
          <br> 
          <span class="fontSize">Image</span> 
         </button> 
        </div> 
        <div class="col-md-6"> 
         <button class="btn btn-primary-outline btn-small"> 
          <span class="glyphicon glyphicon-share"></span> 
          <br>Heading 
         </button> 
        </div> 
       </div> 
      </div> 
      <div class="panel panel-default"> 

      </div> 
     </div> 
    </div> 

Answer 1

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet"/> 
 
    <div class="sidebar"> 
 
     <h4>Document</h4> 
 
     <div class="panel-group"> 
 
      <div class="panel panel-danger"> 
 
       <div class="panel-body row"> 
 
        <div class="col-md-6"> 
 
         <button class="btn btn-primary-outline btn-block button"> 
 
          <span class="glyphicon glyphicon-share"></span> 
 
          <br>Paragraph 
 
         </button> 
 
        </div> 
 
        <div class="col-md-6"> 
 
         <button class="btn btn-primary-outline btn-block"> 
 
          <span class="glyphicon glyphicon-share"></span> 
 
          <br> 
 
          <span class="fontSize">Image</span> 
 
         </button> 
 
        </div> 
 
        <div class="col-md-6"> 
 
         <button class="btn btn-primary-outline btn-block"> 
 
          <span class="glyphicon glyphicon-share"></span> 
 
          <br> 
 
          <span class="fontSize">Image</span> 
 
         </button> 
 
        </div> 
 
        <div class="col-md-6"> 
 
         <button class="btn btn-primary-outline btn-block"> 
 
          <span class="glyphicon glyphicon-share"></span> 
 
          <br>Heading 
 
         </button> 
 
        </div> 
 
       </div> 
 
      </div> 
 
      <div class="panel panel-default"> 
 

 
      </div> 
 
     </div> 
 
    </div> 
 
    
 

がBTM-小さなからすべてのボタンのBTN-ブロックするクラスを変更しました。うまくいきたいです