blocks|key|274022|text|
<div+class="row">
++<form+class="form-inline">
++++<fieldset>
++++++<label+class="control-label">A</label>
++++++<input+type="text"+class="input-medium">
++++</fieldset>
++</form>
</div>


<div+class="row">
++<form+class="form-inline">
++++<fieldset>
++++++<label+class="control-label">B</label>
++++++<input+type="text"+class="input-mini"+>
++++++<label+class="control-label">C</label>
++++++<input+type="text"+class="input-mini"+>
++++++<label+class="control-label">D</label>
++++++<input+type="text"+class="input-mini"+>
++++++<label+class="control-label">E</label>
++++++<input+type="text"+class="input-mini"+>
++++</fieldset>
++</form>
</div>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|274023|在jsfiddle上试试这个。希望能对你有所帮助。:)|unstyled|offset|length|274024|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/eB39A/^0|0|1|8|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre class="lang-html prettyprint-override"><code>&lt;!-- First Form =============================== --&gt;
&lt;div class="row"&gt;
  &lt;form class="form-inline"&gt;
    &lt;fieldset&gt;
      &lt;label class="control-label"&gt;A&lt;/label&gt;
      &lt;input type="text" class="input-medium"&gt;
    &lt;/fieldset&gt;
  &lt;/form&gt;
&lt;/div&gt;&lt;!-- end row --&gt;

&lt;!-- Second Form ================================== --&gt;
&lt;div class="row"&gt;
  &lt;form class="form-inline"&gt;
    &lt;fieldset&gt;
      &lt;label class="control-label"&gt;B&lt;/label&gt;
      &lt;input type="text" class="input-mini" &gt;
      &lt;label class="control-label"&gt;C&lt;/label&gt;
      &lt;input type="text" class="input-mini" &gt;
      &lt;label class="control-label"&gt;D&lt;/label&gt;
      &lt;input type="text" class="input-mini" &gt;
      &lt;label class="control-label"&gt;E&lt;/label&gt;
      &lt;input type="text" class="input-mini" &gt;
    &lt;/fieldset&gt;
  &lt;/form&gt;
&lt;/div&gt;&lt;!-- end row --&gt;
</code></pre>

<p>Try this at <a href="http://jsfiddle.net/eB39A/" rel="nofollow">jsfiddle</a>. Hope it will help you. :)</p>


blocks|key|274050|text|如果您希望将这两个元素保留在同一个form元素中，则可以将form-inline添加到fieldset中|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|274051|<form>
<div+class="row">
++++<fieldset+class="form-inline">
++++++++<label+class="control-label">A</label>
++++++++<input+type="text"+class="input-medium">
++++</fieldset>
</div>
<div+class="row">
++++<fieldset+class="form-inline">
++++++++<label+class="control-label">B</label>
++++++++<input+type="text"+class="input-mini"+>
++++++++<label+class="control-label">C</label>
++++++++<input+type="text"+class="input-mini"+>
++++++++<label+class="control-label">D</label>
++++++++<input+type="text"+class="input-mini"+>
++++++++<label+class="control-label">E</label>
++++++++<input+type="text"+class="input-mini"+>
++++</fieldset>
</div>
</form>+++|code-block|syntax|javascript|274052|http://jsfiddle.net/ZWNjw/|274053|entityMap|0|LINK|mutability|MUTABLE|url^0|H|4|T|B|17|8|0|0|0|Q|0|0^^$0|@$1|2|3|4|5|6|7|T|8|@$9|U|A|V|B|C]|$9|W|A|X|B|C]|$9|Y|A|Z|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|10|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|M|3|-4|5|6|7|15|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|L]]]]

<p>If you want to keep both within the same <code>form</code> element you can add <code>form-inline</code> to your <code>fieldset</code>:</p>

<pre><code>&lt;form&gt;
&lt;div class="row"&gt;
    &lt;fieldset class="form-inline"&gt;
        &lt;label class="control-label"&gt;A&lt;/label&gt;
        &lt;input type="text" class="input-medium"&gt;
    &lt;/fieldset&gt;
&lt;/div&gt;&lt;!-- end row --&gt;
&lt;div class="row"&gt;
    &lt;fieldset class="form-inline"&gt;
        &lt;label class="control-label"&gt;B&lt;/label&gt;
        &lt;input type="text" class="input-mini" &gt;
        &lt;label class="control-label"&gt;C&lt;/label&gt;
        &lt;input type="text" class="input-mini" &gt;
        &lt;label class="control-label"&gt;D&lt;/label&gt;
        &lt;input type="text" class="input-mini" &gt;
        &lt;label class="control-label"&gt;E&lt;/label&gt;
        &lt;input type="text" class="input-mini" &gt;
    &lt;/fieldset&gt;
&lt;/div&gt;&lt;!-- end row --&gt;
&lt;/form&gt;   
</code></pre>

<p><a href="http://jsfiddle.net/ZWNjw/" rel="noreferrer">http://jsfiddle.net/ZWNjw/</a></p>


<p>Hi im trying to make inline form mixed with horizontal
I have <a href="http://jsfiddle.net/TNLnP/3/">http://jsfiddle.net/TNLnP/3/</a> but I want to get something like</p>

<pre><code>&lt;label&gt;&lt;input&gt;
&lt;label&gt;&lt;input&gt;&lt;label&gt;&lt;input&gt;&lt;label&gt;&lt;input&gt;
</code></pre>


Twitter bootstrap mix horizontal form with inline

您好，我试图使内联形式与水平混合，我有，但我想得到的东西如下<label><input><label><input><label><input><label><input>

问Twitter bootstrap混合水平表单和内联
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Twitter bootstrap混合水平表单和内联EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Twitter bootstrap混合水平表单和内联
EN