Twitter bootstrap 引导内联表单-如何使用固定宽度/跨距?
我有两行或更多行,每行有三个复选框。我希望它们在行之间均匀排列,就像它们在表列中一样。现在,它们看起来是交错的,这取决于文本标签的长度。如何模拟每行的表列,使布局看起来更有条理Twitter bootstrap 引导内联表单-如何使用固定宽度/跨距?,twitter-bootstrap,Twitter Bootstrap,我有两行或更多行,每行有三个复选框。我希望它们在行之间均匀排列,就像它们在表列中一样。现在,它们看起来是交错的,这取决于文本标签的长度。如何模拟每行的表列,使布局看起来更有条理 <form id="form-filter" name="form-filter" method="POST" action="/filter" class="form-inline"> <fieldset> <le
<form id="form-filter" name="form-filter" method="POST" action="/filter" class="form-inline">
<fieldset>
<legend style="margin-bottom:-10px;">Select up to 6 filters</legend>
<div class="control-group">
<div class="controls">
<label class="checkbox inline">
<input id="Medjugorje" name="Medjugorje" type="checkbox" checked>Medjugorje
</label>
<label class="checkbox inline">
<input id="Kibeho" name="Kibeho" type="checkbox">Kibeho
</label>
<label class="checkbox inline">
<input id="Lourdes" name="Lourdes" type="checkbox">Lourdes
</label>
</div>
<div class="controls">
<label class="checkbox inline">
<input id="Fatima" name="Fatima" type="checkbox">Fatima
</label>
<label class="checkbox inline">
<input id="Secrets" name="Secrets" type="checkbox">Secrets
</label>
</div>
</div>
<button type="submit" class="btn btn-primary">Filter</button>
<button id="clearButton" type="button" class="btn">Clear</button>
</fieldset>
</form>
选择最多6个过滤器
梅德朱戈杰
基贝霍
卢尔德
法蒂玛
秘密
滤器
清楚的
选择最多6个过滤器
梅德朱戈杰
基贝霍
卢尔德
法蒂玛
孤立于巴讷
博雷恩
滤器
清楚的
选择最多6个过滤器
梅德朱戈杰
基贝霍
卢尔德
法蒂玛
班纳克斯
博雷恩
滤器
清楚的
为什么不使用row fluid
和span
类似,您需要扩展预览框的宽度,因为该示例在一列中显示了6个复选框。我正在寻找分为3列2行的6个复选框。
<form id="form-filter" name="form-filter" method="POST" action="/filter">
<fieldset>
<legend>Select up to 6 filters</legend>
<div class="row-fluid">
<div class="span12">
<label class="checkbox span4">
<input id="Medjugorje" name="Medjugorje" type="checkbox" checked>Medjugorje
</label>
<label class="checkbox span4">
<input id="Kibeho" name="Kibeho" type="checkbox">Kibeho
</label>
<label class="checkbox span4">
<input id="Lourdes" name="Lourdes" type="checkbox">Lourdes
</label>
</div>
</div>
<div class="row-fluid">
<div class="span12">
<label class="checkbox span4">
<input id="Fatima" name="Fatima" type="checkbox" checked>Fatima
</label>
<label class="checkbox span4">
<input id="Banneux" name="Banneux" type="checkbox">Banneux
</label>
<label class="checkbox span4">
<input id="Beauraing" name="Beauraing" type="checkbox">Beauraing
</label>
</div>
</div>
<button type="submit" class="btn btn-primary">Filter</button>
<button id="clearButton" type="button" class="btn">Clear</button>
</fieldset>
</form>
<form id="form-filter" name="form-filter" method="POST" action="/filter">
<fieldset>
<legend>
Select up to 6 filters
</legend>
<div class="row-fluid">
<div class="span4">
<label class="checkbox">
<input id="Medjugorje" name="Medjugorje" type="checkbox" checked>
Medjugorje </label>
<label class="checkbox">
<input id="Kibeho" name="Kibeho" type="checkbox">
Kibeho </label>
</div>
<div class="span4">
<label class="checkbox">
<input id="Lourdes" name="Lourdes" type="checkbox">
Lourdes </label>
<label class="checkbox">
<input id="Fatima" name="Fatima" type="checkbox" checked>
Fatima </label>
</div>
<div class="span4">
<label class="checkbox">
<input id="Banneux" name="Banneux" type="checkbox">
Banneux </label>
<label class="checkbox">
<input id="Beauraing" name="Beauraing" type="checkbox">
Beauraing </label>
</div>
</div>
<button type="submit" class="btn btn-primary">
Filter
</button>
<button id="clearButton" type="button" class="btn">
Clear
</button>
</fieldset>
</form>