margin-top: 9px;
}
++<<<<<<< HEAD
+.nav .divider {
++=======
+ .nav-list {
+ padding-right: 15px;
+ padding-left: 15px;
+ margin-bottom: 0;
+ }
+
+ .nav-list > li > a,
+ .nav-list .nav-header {
+ margin-right: -15px;
+ margin-left: -15px;
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+ }
+
+ .nav-list > li > a {
+ padding: 3px 15px;
+ }
+
+ .nav-list > .active > a,
+ .nav-list > .active > a:hover {
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+ background-color: #0088cc;
+ }
+
+ .nav-list [class^="icon-"],
+ .nav-list [class*=" icon-"] {
+ margin-right: 2px;
+ }
+
+ .nav-list .divider {
+ *width: 100%;
++>>>>>>> 2.1.2-wip
height: 1px;
margin: 9px 1px;
- *margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
<h1>Forms</h1>
</div>
- <h2>Default styles</h2>
+ <h2 id="forms-default">Default styles</h2>
<p>Individual form controls receive styling, but without any required base class on the <code><form></code> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.</p>
<form class="bs-docs-example">
- <legend>Legend</legend>
- <label>Label name</label>
- <input type="text" placeholder="Type something…">
- <span class="help-block">Example block-level help text here.</span>
- <label class="checkbox">
- <input type="checkbox"> Check me out
- </label>
- <button type="submit" class="btn">Submit</button>
+ <fieldset>
+ <legend>Legend</legend>
+ <label>Label name</label>
+ <input type="text" placeholder="Type something…">
+ <span class="help-block">Example block-level help text here.</span>
+ <label class="checkbox">
+ <input type="checkbox"> Check me out
+ </label>
+ <button type="submit" class="btn">Submit</button>
+ </fieldset>
</form>
<pre class="prettyprint linenums">
<form>
<h1>{{_i}}Forms{{/i}}</h1>
</div>
- <h2>{{_i}}Default styles{{/i}}</h2>
+ <h2 id="forms-default">{{_i}}Default styles{{/i}}</h2>
<p>{{_i}}Individual form controls receive styling, but without any required base class on the <code><form></code> or large changes in markup. Results in stacked, left-aligned labels on top of form controls.{{/i}}</p>
<form class="bs-docs-example">
- <legend>Legend</legend>
- <label>{{_i}}Label name{{/i}}</label>
- <input type="text" placeholder="{{_i}}Type something…{{/i}}">
- <span class="help-block">{{_i}}Example block-level help text here.{{/i}}</span>
- <label class="checkbox">
- <input type="checkbox"> {{_i}}Check me out{{/i}}
- </label>
- <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
+ <fieldset>
+ <legend>Legend</legend>
+ <label>{{_i}}Label name{{/i}}</label>
+ <input type="text" placeholder="{{_i}}Type something…{{/i}}">
+ <span class="help-block">{{_i}}Example block-level help text here.{{/i}}</span>
+ <label class="checkbox">
+ <input type="checkbox"> {{_i}}Check me out{{/i}}
+ </label>
+ <button type="submit" class="btn">{{_i}}Submit{{/i}}</button>
+ </fieldset>
</form>{{! /example }}
<pre class="prettyprint linenums">
<form>