我在自举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