</select>

<p>For multiple grid inputs per line,<strong>use the<code>.controls-row</code> modifier class for proper spacing</strong>. It floats the inputs to collapse white-space, sets the proper margins, andtheclears the float.</p>

<p>For multiple grid inputs per line,<strong>use the<code>.controls-row</code> modifier class for proper spacing</strong>. It floats the inputs to collapse white-space, sets the proper margins, and clears the float.</p>

<formclass="bs-docs-example"style="padding-bottom: 15px;">

<divclass="controls">

<inputclass="span5"type="text"placeholder=".span5">

<preclass="prettyprint linenums">

&lt;div class="alert"&gt;

&lt;button type="button" data-dismiss="alert"&gt;&times;&lt;/button&gt;

&lt;button type="button" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;

&lt;strong&gt;Warning!&lt;/strong&gt; Best check yo self, you're not looking too good.

&lt;/div&gt;

<h3>Dismiss buttons</h3>

<p>Mobile Safari and Mobile Opera browsers, in addition to the<code>data-dismiss="alert"</code> attribute, require an<code>href="#"</code> for the dismissal of alerts when using an<code>&lt;a&gt;</code> tag.</p>

<preclass="prettyprint linenums">&lt;a href="#" data-dismiss="alert"&gt;&times;&lt;/a&gt;</pre>

<preclass="prettyprint linenums">&lt;a href="#" data-dismiss="alert"&gt;&amp;times;&lt;/a&gt;</pre>

<p>Alternatively, you may use a<code>&lt;button&gt;</code> element with the data attribute, which we have opted to do for our docs. When using<code>&lt;button&gt;</code>, you must include<code>type="button"</code> or your forms may not submit.</p>

<preclass="prettyprint linenums">&lt;button type="button" data-dismiss="alert"&gt;&times;&lt;/button&gt;</pre>

<preclass="prettyprint linenums">&lt;button type="button" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;</pre>

<h3>Dismiss alerts via JavaScript</h3>

<p>Use the<ahref="./javascript.html#alerts">alerts jQuery plugin</a> for quick and easy dismissal of alerts.</p>

<preclass="prettyprint linenums">

&lt;div class="alert alert-block"&gt;

&lt;button type="button" data-dismiss="alert"&gt;&times;&lt;/button&gt;

&lt;button type="button" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;

&lt;h4&gt;Warning!&lt;/h4&gt;

Best check yo self, you're not...

&lt;/div&gt;

&lt;/select&gt;

</pre>

<p>{{_i}}For multiple grid inputs per line, <strong>use the <code>.controls-row</code> modifier class for proper spacing</strong>. It floats the inputs to collapse white-space, sets the proper margins, andtheclears the float.{{/i}}</p>

<p>{{_i}}For multiple grid inputs per line, <strong>use the <code>.controls-row</code> modifier class for proper spacing</strong>. It floats the inputs to collapse white-space, sets the proper margins, and clears the float.{{/i}}</p>

<formclass="bs-docs-example"style="padding-bottom:15px;">

<divclass="controls">

<inputclass="span5"type="text"placeholder=".span5">

</div>

<preclass="prettyprint linenums">

&lt;div class="alert"&gt;

&lt;button type="button" data-dismiss="alert"&gt;&times;&lt;/button&gt;

&lt;button type="button" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;

&lt;strong&gt;{{_i}}Warning!{{/i}}&lt;/strong&gt;{{_i}}Best check yo self, you're not looking too good.{{/i}}

&lt;/div&gt;

</pre>

<h3>{{_i}}Dismiss buttons{{/i}}</h3>

<p>{{_i}}Mobile Safari and Mobile Opera browsers, in addition to the <code>data-dismiss="alert"</code> attribute, require an <code>href="#"</code> for the dismissal of alerts when using an <code>&lt;a&gt;</code> tag.{{/i}}</p>

<preclass="prettyprint linenums">&lt;a href="#" data-dismiss="alert"&gt;&times;&lt;/a&gt;</pre>

<preclass="prettyprint linenums">&lt;a href="#" data-dismiss="alert"&gt;&amp;times;&lt;/a&gt;</pre>

<p>{{_i}}Alternatively, you may use a <code>&lt;button&gt;</code> element with the data attribute, which we have opted to do for our docs. When using <code>&lt;button&gt;</code>, you must include <code>type="button"</code> or your forms may not submit.{{/i}}</p>

<preclass="prettyprint linenums">&lt;button type="button" data-dismiss="alert"&gt;&times;&lt;/button&gt;</pre>

<preclass="prettyprint linenums">&lt;button type="button" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;</pre>

<h3>{{_i}}Dismiss alerts via JavaScript{{/i}}</h3>

<p>{{_i}}Use the <ahref="./javascript.html#alerts">alerts jQuery plugin</a> for quick and easy dismissal of alerts.{{/i}}</p>

</div>

<preclass="prettyprint linenums">

&lt;div class="alert alert-block"&gt;

&lt;button type="button" data-dismiss="alert"&gt;&times;&lt;/button&gt;

&lt;button type="button" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;

&lt;h4&gt;{{_i}}Warning!{{/i}}&lt;/h4&gt;

{{_i}}Best check yo self, you're not...{{/i}}

&lt;/div&gt;