2014-09-03 75 views
1

我需要在引导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> 

Remove padding or space

我该如何解决这一问题?

回答

3

如果你在<div class="col-md-6">内摆脱row,一切都会排队。

enter image description here

Bootply

+0

非常感谢你 – Smith 2014-09-03 03:35:26

+0

非常欢迎。 – 2014-09-03 03:51:12