我在自舉3以下HTML給出以下顯示: 表格對齊在自舉3
它如下的HTML。
在一行中,我只有一個字段,而在其他字段中,我有3.是否可以使用引導使所有行在同一位置上放置「第一個」標籤?在這種情況下,「項目名稱」,「位置」和「項目價值」將對齊在同一位置。
感謝
<div class="container">
<div class="row" id="mainForm">
<form class="form-horizontal">
<div class="row">
<div class="form-group col-xs-12 col-sm-6">
<label for="txtProjectName" class="control-label col-sm-4 col-xs-3">Project Name</label>
<div class="col-sm-8 col-xs-9">
<input type="text" class="form-control" id="txtProjectName" placeholder="Name of Project">
</div>
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 col-sm-6">
<label for="txtLocation" class="control-label col-sm-4 col-xs-3">Location</label>
<div class="col-sm-8 col-xs-9">
<input type="text" class="form-control" id="txtLocation" placeholder="Location">
</div>
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 col-sm-4">
<label for="txtProjectValue" class="control-label col-sm-4 col-xs-3">Project Value</label>
<div class="col-sm-8 col-xs-9">
<input type="text" class="form-control" id="txtprojectValueUsd" placeholder="Project Value (US $)">
</div>
</div>
<div class="form-group col-xs-12 col-sm-4">
<label for="txtCCCValue" class="control-label col-sm-4 col-xs-3">CCC Value</label>
<div class="col-sm-8 col-xs-9">
<input type="text" class="form-control" id="txtCCCValue" placeholder="CCC Value (US $)">
</div>
</div>
<div class="form-group col-xs-12 col-sm-4">
<label for="txtProjectValueLocal" class="control-label col-sm-4 col-xs-3">Project Value Local</label>
<div class="col-sm-8 col-xs-9">
<input type="text" class="form-control" id="txtProjectValueLocal" placeholder="Project Value Local Currency">
</div>
</div>
</div>
<div class="form-group">
<div class="col-xs-offset-2 col-xs-10">
<button type="submit" class="btn btn-primary">Login</button>
</div>
</div>
</form>
</div>
<div class="row top-buffer">
</div>
</div>
如果我想拍「項目名稱「輸入字段跨越所有行? – Bill 2014-08-30 10:38:20
我更新了我的答案 – 2014-08-30 10:48:57
Hi Tasos,我注意到了一件事。當放置在「.col-sm-12」列中時,具有「.col-sm-1」的標籤不同於放置在「.col-sm-1」列中的具有「.col-sm-1」 4「,就像單行和上面有3列的行一樣。爲了適應上述標籤,我必須將行中的標籤與3列一起放入「.col-sm-3」中。任何想法? – Bill 2014-09-01 06:26:19