文本列不排隊，使用自舉3

Question

我使用我的專欄引導3，我想有兩列在一起，在一個左側有一個大的文本H4標題和上一個正確的小文字評論數。

的問題是各地加的標題H4標籤「1條意見」位似乎躥到div它在，我希望它對準的頂部到底部的時候。理想情況下，我希望它與h4和右側一致。

圖片顯示：

看到評論位比大標題文字:(

<!-- main content --> 
<div class="row"> 
    <!-- Articles --> 
    <div class="col-md-9"> 

     <!-- notification --> 
     <div class="alert alert-warning text-center"> 
      <a href="/admin.php">You have <span class="badge badge-important">3</span> admin items needing review!</a> 
     </div> 

    <!-- new sales --> 
    <div class="alert alert-success text-center"> 
     <strong>Latest Games On Sale:</strong> <a href="/sales/#86"><span class="label label-info">Steam</span> Sparkle 2 Evo</a>, <a href="/sales/#85"><span class="label label-info">Steam</span> Shadow Warrior Classic Redux</a>, <a href="/sales/#84"><span class="label label-info">Steam</span> Redshirt</a>, <a href="/sales/#83"><span class="label label-info">Steam</span> Gravity Badgers</a> - <a href="/sales/">See all</a> 
    </div> 

    <div id="maincontent"> 

     <!-- Article --> 
     <div class="row"> 

      <div class="col-md-8"><h4><a href="/articles/sdasd-asdasdasdasdasdasdasdasd.2121">Sdasd Asdasdasdasdasdasdasdasd</a></h4></div> 
      <div class="col-md-4"><p class="small muted"><a href="/articles/sdasd-asdasdasdasdasdasdasdasd.2121/#comments"><span class="glyphicon glyphicon-comment"></span> 1 Comments</a></p></div> 
     </div> 

Answer 1

這是因爲，在引導的<h4>有10px上邊距和<p>更高有一個頂部邊緣0。不是我寬容內聯樣式，但這應該給你一個如何解決它的想法：

<div class="row"> 
    <div class="col-md-8"> 
     <h4><a href="/articles/sdasd-asdasdasdasdasdasdasdasd.2121">Sdasd Asdasdasdasdasdasdasdasd</a></h4> 
    </div> 
    <div class="col-md-4"> 
     <p class="small muted" style="margin-top:14px;"><a href="/articles/sdasd-asdasdasdasdasdasdasdasd.2121/#comments"><span class="glyphicon glyphicon-comment"></span> 1 Comments</a></p> 
    </div> 
    </div> 

我用14px代替10px，以補償在字體大小的差。我也