Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/design-patterns/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Twitter bootstrap 引导内联表单-如何使用固定宽度/跨距?_Twitter Bootstrap - Fatal编程技术网

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>