Skip to content

B
bootstrap
Commit 12b738bf authored by Mark Otto's avatar Mark Otto
Browse files
Options

Add grid column example to form input sizing

parent 070109ab
Hide whitespace changes
Inline Side-by-side
Showing with 54 additions and 2 deletions
docs/css.html
View file @ 12b738bf
...@@ -1538,7 +1538,33 @@ For example, <code><section></code> should be wrapped ...@@ -1538,7 +1538,33 @@ For example, <code><section></code> should be wrapped
... ...
</select> </select>
</pre> </pre>
<p>If you need multiple inputs on the same line, wrap them in the standard grid markup (with `.row` and `.span*` classes). Each input should have it's own column and will expand to fill the available width automatically.</p> <p>If you need multiple inputs on the same line, wrap them in the standard grid markup (with <code>.row</code> and <code>.span*</code> classes). Each input should have it's own column and will expand to fill the available width automatically.</p>
<form class="bs-docs-example" style="padding-bottom: 15px;">
<div class="row">
<div class="span4">
<input type="text" placeholder=".span4">
</div>
<div class="span4">
<input type="text" placeholder=".span4">
</div>
<div class="span4">
<input type="text" placeholder=".span4">
</div>
</div>
</form>
<pre class="prettyprint linenums">
&lt;div class="row"&gt;
&lt;div class="span4"&gt;
&lt;input type="text" placeholder=".span4"&gt;
&lt;/div&gt;
&lt;div class="span4"&gt;
&lt;input type="text" placeholder=".span4"&gt;
&lt;/div&gt;
&lt;div class="span4"&gt;
&lt;input type="text" placeholder=".span4"&gt;
&lt;/div&gt;
&lt;/div&gt;
</pre>
<h3>Uneditable inputs</h3> <h3>Uneditable inputs</h3>
<p>Present data in a form that's not editable without using actual form markup.</p> <p>Present data in a form that's not editable without using actual form markup.</p>
......
docs/templates/pages/css.mustache
View file @ 12b738bf
...@@ -1478,7 +1478,33 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped ...@@ -1478,7 +1478,33 @@ For example, &lt;code&gt;&amp;lt;section&amp;gt;&lt;/code&gt; should be wrapped
... ...
&lt;/select&gt; &lt;/select&gt;
</pre> </pre>
<p>If you need multiple inputs on the same line, wrap them in the standard grid markup (with `.row` and `.span*` classes). Each input should have it's own column and will expand to fill the available width automatically.</p> <p>If you need multiple inputs on the same line, wrap them in the standard grid markup (with <code>.row</code> and <code>.span*</code> classes). Each input should have it's own column and will expand to fill the available width automatically.</p>
<form class="bs-docs-example" style="padding-bottom: 15px;">
<div class="row">
<div class="span4">
<input type="text" placeholder=".span4">
</div>
<div class="span4">
<input type="text" placeholder=".span4">
</div>
<div class="span4">
<input type="text" placeholder=".span4">
</div>
</div>
</form>
<pre class="prettyprint linenums">
&lt;div class="row"&gt;
&lt;div class="span4"&gt;
&lt;input type="text" placeholder=".span4"&gt;
&lt;/div&gt;
&lt;div class="span4"&gt;
&lt;input type="text" placeholder=".span4"&gt;
&lt;/div&gt;
&lt;div class="span4"&gt;
&lt;input type="text" placeholder=".span4"&gt;
&lt;/div&gt;
&lt;/div&gt;
</pre>
<h3>Uneditable inputs</h3> <h3>Uneditable inputs</h3>
<p>Present data in a form that's not editable without using actual form markup.</p> <p>Present data in a form that's not editable without using actual form markup.</p>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment