0
我正在處理顯示用戶個人信息的網頁,並且我想使用Bootstrap垂直對齊以紅色顯示的跨度。使用Bootstrap對齊跨度
以下是我的表格截圖:
,這裏是我使用的HTML/CSS代碼:
HTML
<table class="table">
<tbody>
<div class="col-sm-6 test">
<span class=""><strong >First Name: </strong></span>
<span class="" style="color:red" >FirstName</span>
</div>
<div class="col-sm-6 test">
<strong class="">Age: </strong>
<span class="" style="color:red">Age</span>
</div>
<div class="col-sm-6 test">
<strong class="">Last Name: </strong>
<span class="" style="color:red">LastName</span>
</div>
<div class="col-sm-6 test" >
<strong class="">Status: </strong>
<span class="" style="color:red">Status</span>
</div>
</tbody>
</table>
CSS
.test{
border-top: 1px solid #e2eae9; vertical-align: middle; padding: 6px 8px;
}
您可以指定COL-XX-NN類橫跨過,我相信,有效對齊它們。 – dmaij
他們看起來像是垂直對齊 – ZimSystem