<li><a href="#forms-control-states">Control states</a></li>
<li><a href="#forms-input-groups">Input groups</a></li>
<li><a href="#forms-control-sizes">Control sizing</a></li>
- <li><a href="#forms-actions">Form actions</a></li>
<li><a href="#forms-help-text">Help text</a></li>
</ul>
</li>
box-shadow: 0 0 6px #f8b9b7;
}
-.form-actions {
- padding: 20px 20px;
- margin-top: 20px;
- margin-bottom: 20px;
- background-color: #f5f5f5;
- border-top: 1px solid #e5e5e5;
-}
-
-.form-actions:before,
-.form-actions:after {
- display: table;
- content: " ";
-}
-
-.form-actions:after {
- clear: both;
-}
-
-.form-actions:before,
-.form-actions:after {
- display: table;
- content: " ";
-}
-
-.form-actions:after {
- clear: both;
-}
-
.help-block {
display: block;
margin-top: 5px;
<input type="text" placeholder="col col-large-4">
</div>
</div>
-{% endhighlight %}
-
- <h3 id="forms-actions">Form actions</h3>
- <p>End a form with a group of actions (buttons). When placed within a <code>.form-horizontal</code>, the buttons will automatically indent to line up with the form controls.</p>
- <form class="bs-example">
- <div class="form-actions">
- <button type="submit" class="btn btn-primary">Save changes</button>
- <button type="button" class="btn btn-default">Cancel</button>
- </div>
- </form>
-{% highlight html %}
-<div class="form-actions">
- <button type="submit" class="btn btn-primary">Save changes</button>
- <button type="button" class="btn btn-default">Cancel</button>
-</div>
{% endhighlight %}
<h3 id="forms-help-text">Help text</h3>
-// FORM ACTIONS
-// ------------
-
-.form-actions {
- padding: @line-height-computed 20px;
- margin-top: @line-height-computed;
- margin-bottom: @line-height-computed;
- background-color: @form-actions-bg;
- border-top: 1px solid #e5e5e5;
- .clearfix(); // Adding clearfix to allow for .pull-right button containers
-}
-
-
// HELP TEXT
// ---------