引導面板不對齊正確

Question

我需要在引導3創造良好對準柱，三個窗格的第一行中，四個secode行

如果您轉到這個的jsfiddle http://jsfiddle.net/oghenez/xTc7a/33/embedded/result/你會看到，拳頭面板第一行的第一行不與左邊對齊。

這裏是我的代碼

<div class="row"> 

     <div class="col-md-3"> 
      <div class="panel panel-primary"> 
       <div class="panel-heading"> 
        <h3 class="panel-title"> Today's Schedule</h3> 
       </div> 
       <div class="panel-body"> 

       </div> 
      </div> 
     </div> 
     <div class="col-md-6"> 
      <div class="row"> 
       <div class="panel panel-primary"> 
        <div class="panel-heading"> 
         <h3 class="panel-title"> Information Log</h3> 
        </div> 
        <div class="panel-body"> 

        </div> 
       </div> 
      </div> 
     </div> 
     <div class="col-md-3"> 
      <div class="panel panel-primary"> 
       <div class="panel-heading"> 
        <h3 class="panel-title"> Office Tasks</h3> 
       </div> 
       <div class="panel-body"> 

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

</div> 

<div class="row"> 

<div class="col-md-3"> 
</div> 

<div class="col-md-3"> 
<div class="panel panel-primary"> 
    <div class="panel-heading"> 
     <h3 class="panel-title"> Office Tasks</h3> 
    </div> 
    <div class="panel-body"> 

    </div> 
</div> 
</div> 
<div class="col-md-3"> 
<div class="panel panel-primary"> 
    <div class="panel-heading"> 
     <h3 class="panel-title"> Office Tasks</h3> 
    </div> 
    <div class="panel-body"> 

    </div> 
</div> 
</div> 
<div class="col-md-3"> 
      <div class="panel panel-primary"> 
       <div class="panel-heading"> 
        <h3 class="panel-title"> Office Tasks</h3> 
       </div> 
       <div class="panel-body"> 

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

</div> 

我該如何解決這一問題？

Answer 1

如果你在<div class="col-md-6">內擺脫row，一切都會排隊。

見Bootply。