不能正確對齊文本 - 引導

我有以下代碼：不能正確對齊文本 - 引導

<div class="col-md-9 col-md-offset-3"> 
    <div class="col-md-9"> 
     <div class="page-header"><h3>Your Profile</h3></div> 
     <div class="col-md-5"> 
      <div class="col-md-4 text-right">Name:<br><br>Email:<br><br>Phone:<br><br>Gender:</div> 
      <div class="col-md-8 text-left">John Smith<br><br>[email protected]<br><br>07878787456<br><br>Male</div> 
     </div> 
     <div class="col-md-7"> 
      <div class="col-md-4 text-right">Name:<br><br>Email:<br><br>Phone:<br><br>Gender:</div> 
      <div class="col-md-8 text-left">John Smith<br><br>[email protected]<br><br>07878787456<br><br>Male</div> 
     </div> 
    </div> 
</div>

出於某種原因，它會顯示這樣的：http://i.imgur.com/0YPMWf3.png

這裏是一個的jsfiddle（擴展輸出框的大小）：http://jsfiddle.net/z49Ry/

帶有「名稱：」等的文本應該對齊正確，其他文本應該左對齊。出於某種原因，「姓名：」等不能正確對齊左側。

我猜這是因爲跨度太小，如果是的話，那麼顯示數據的更好的解決方案是什麼？

來源

2014-01-22 Jonnerz

可能是行高。 –

我真的不知道你的代碼中有任何錯誤。就像你說的那樣，它可能是由於柱子太薄而造成的。

使用BR來分隔數據可能是最糟糕的方法。用於表格數據使用表。如果表不是你正在尋找的，你可以使用無序列表或描述列表（DL）。

來源

2014-01-22 19:00:50 SamSam

不能正確對齊文本 - 引導

回答

相關問題