position: fixed;
}
-.control-block-level {
- display: block;
- width: 100%;
-}
-
@-ms-viewport {
width: device-width;
}
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
- display: block;
width: 100%;
}
.input-prepend input,
<h3 id="forms-extending-sizes">Control sizing</h3>
<p>Use relative sizing classes like <code>.input-large</code> or match your inputs to the grid column sizes using <code>.span*</code> classes.</p>
- <h4>Block level inputs</h4>
- <p>Make any <code><input></code> or <code><textarea></code> element behave like a block level element.</p>
- <form class="bs-docs-example" style="padding-bottom: 15px;">
- <div class="controls">
- <input class="input-block-level" type="text" placeholder=".input-block-level">
- </div>
- </form>
-<pre class="prettyprint linenums">
-<input class="input-block-level" type="text" placeholder=".input-block-level">
-</pre>
-
<h4>Relative sizing</h4>
<p>Create larger or smaller form controls that match button sizes.</p>
<form class="bs-docs-example" style="padding-bottom: 15px;">
<h3 id="forms-extending-sizes">Control sizing</h3>
<p>Use relative sizing classes like <code>.input-large</code> or match your inputs to the grid column sizes using <code>.span*</code> classes.</p>
- <h4>Block level inputs</h4>
- <p>Make any <code><input></code> or <code><textarea></code> element behave like a block level element.</p>
- <form class="bs-docs-example" style="padding-bottom: 15px;">
- <div class="controls">
- <input class="input-block-level" type="text" placeholder=".input-block-level">
- </div>
- </form>
-<pre class="prettyprint linenums">
-<input class="input-block-level" type="text" placeholder=".input-block-level">
-</pre>
-
<h4>Relative sizing</h4>
<p>Create larger or smaller form controls that match button sizes.</p>
<form class="bs-docs-example" style="padding-bottom: 15px;">
// FORMS
// --------------------------------------------------
-// Block level inputs
-.input-block-level() {
- display: block;
- width: 100%;
-}
-
-
-
// Mixin for form field states
.formFieldState(@text-color: #555, @border-color: #ccc, @background-color: #f5f5f5) {
// Set the text color
select[class*="span"],
textarea[class*="span"],
.uneditable-input {
- .input-block-level();
+ width: 100%;
}
// But don't let it screw up prepend/append inputs
.input-prepend input,
.affix {
position: fixed;
}
-
-
-// Forms
-// -------------------------
-
-.control-block-level {
- .input-block-level();
-}