<p>Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
<p>Move columns to the right using <code>.col-offset-*</code> classes. These classes increase the left margin of a column by <code>*</code> columns. For example, <code>.col-offset-4</code> moves <code>.col-lg-4</code> over four columns.</p>
<p>Move columns to the right using <code>.col-lg-offset-*</code> classes. These classes increase the left margin of a column by <code>*</code> columns. For example, <code>.col-lg-offset-4</code> moves <code>.col-lg-4</code> over four columns.</p>
<p>Easily change the order of our built-in grid columns with <code>.col-push-*</code> and <code>.col-pull-*</code> modifier classes.</p>
<p>Easily change the order of our built-in grid columns with <code>.col-lg-push-*</code> and <code>.col-lg-pull-*</code> modifier classes.</p>
<divclass="row show-grid">
<divclass="row show-grid">
<divclass="col-lg-9 col-push-3">9</div>
<divclass="col-lg-9 col-lg-push-3">9</div>
<divclass="col-lg-3 col-pull-9">3</div>
<divclass="col-lg-3 col-lg-pull-9">3</div>
</div>
</div>
{% highlight html %}
{% highlight html %}
<divclass="row">
<divclass="row">
<divclass="col-lg-9 col-push-3">9</div>
<divclass="col-lg-9 col-lg-push-3">9</div>
<divclass="col-lg-3 col-pull-9">3</div>
<divclass="col-lg-3 col-lg-pull-9">3</div>
</div>
</div>
{% endhighlight %}
{% endhighlight %}
...
@@ -1536,7 +1536,7 @@ For example, <code><section></code> should be wrapped as inline.
...
@@ -1536,7 +1536,7 @@ For example, <code><section></code> should be wrapped as inline.
{% endhighlight %}
{% endhighlight %}
<h3id="forms-validation">Validation states</h3>
<h3id="forms-validation">Validation states</h3>
<p>Bootstrap includes validation styles for error, warning, and success states on from controls. To use, add <code>.has-warning</code>, <code>.has-error</code>, or <code>.has-success</code> to the parent element. Any <code>.control-label</code>, <code>.form-control</code>, and <code>.help-block</code> within that element will receive the validation styles.</li>
<p>Bootstrap includes validation styles for error, warning, and success states on form controls. To use, add <code>.has-warning</code>, <code>.has-error</code>, or <code>.has-success</code> to the parent element. Any <code>.control-label</code>, <code>.form-control</code>, and <code>.help-block</code> within that element will receive the validation styles.</li>
<formclass="bs-example">
<formclass="bs-example">
<divclass="form-group has-warning">
<divclass="form-group has-warning">
...
@@ -1592,7 +1592,7 @@ For example, <code><section></code> should be wrapped as inline.
...
@@ -1592,7 +1592,7 @@ For example, <code><section></code> should be wrapped as inline.
@@ -168,7 +168,7 @@ $('#myModal').on('show.bs.modal', function (e) {
...
@@ -168,7 +168,7 @@ $('#myModal').on('show.bs.modal', function (e) {
<hr>
<hr>
<h4>Overflowing text to show optional scrollbar</h4>
<h4>Overflowing text to show scroll behavior</h4>
<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<p>Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.</p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.</p>
<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
<p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>
...
@@ -262,7 +262,7 @@ $('#myModal').on('show.bs.modal', function (e) {
...
@@ -262,7 +262,7 @@ $('#myModal').on('show.bs.modal', function (e) {
<td>remote</td>
<td>remote</td>
<td>path</td>
<td>path</td>
<td>false</td>
<td>false</td>
<td><p>If a remote URL is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code>tag to specify the remote source. An example of this is shown below:</p>
<td><p>If a remote URL is provided, content will be loaded via jQuery's <code>load</code> method and injected into the <code>.modal-body</code>. If you're using the data api, you may alternatively use the <code>href</code>attribute to specify the remote source. An example of this is shown below:</p>
<td>default title value if <code>title</code>tag isn't present</td>
<td>default title value if <code>title</code>attribute isn't present</td>
</tr>
</tr>
<tr>
<tr>
<td>trigger</td>
<td>trigger</td>
...
@@ -1480,7 +1480,7 @@ $(".collapse").collapse()
...
@@ -1480,7 +1480,7 @@ $(".collapse").collapse()
<td>parent</td>
<td>parent</td>
<td>selector</td>
<td>selector</td>
<td>false</td>
<td>false</td>
<td>If selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior)</td>
<td>If selector then all collapsible elements under the specified parent will be closed when this collapsible item is shown. (similar to traditional accordion behavior - this dependent on the <code>accordion-group</code> class)</td>
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
}
}
.radial(@inner-color: #555, @outer-color: #333) {
.radial(@inner-color: #555; @outer-color: #333) {
background-color: @outer-color;
background-color: @outer-color;
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
