2013-05-09 09:22:49 -07:00
|
|
|
<li>
|
|
|
|
<a href="#overview">Overview</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#overview-doctype">HTML5 doctype</a></li>
|
|
|
|
<li><a href="#overview-mobile">Mobile first</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#overview-type-links">Typography and links</a></li>
|
2014-01-19 07:41:14 -08:00
|
|
|
<li><a href="#overview-normalize">Normalize.css</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#overview-container">Containers</a></li>
|
2013-05-09 09:22:49 -07:00
|
|
|
</ul>
|
|
|
|
</li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li>
|
|
|
|
<a href="#grid">Grid system</a>
|
|
|
|
<ul class="nav">
|
2013-10-13 17:12:04 -07:00
|
|
|
<li><a href="#grid-intro">Introduction</a></li>
|
2013-08-12 00:48:36 -07:00
|
|
|
<li><a href="#grid-media-queries">Media queries</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#grid-options">Grid options</a></li>
|
2013-12-12 10:28:37 -08:00
|
|
|
<li><a href="#grid-example-basic">Ex: Stacked-to-horizontal</a></li>
|
2013-12-07 20:52:51 -08:00
|
|
|
<li><a href="#grid-example-fluid">Ex: Fluid container</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#grid-example-mixed">Ex: Mobile and desktops</a></li>
|
|
|
|
<li><a href="#grid-example-mixed-complete">Ex: Mobile, tablet, desktops</a></li>
|
2013-08-15 20:43:55 -07:00
|
|
|
<li><a href="#grid-responsive-resets">Responsive column resets</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#grid-offsetting">Offsetting columns</a></li>
|
|
|
|
<li><a href="#grid-nesting">Nesting columns</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#grid-column-ordering">Column ordering</a></li>
|
2014-01-18 18:40:47 +01:00
|
|
|
<li><a href="#grid-less">Less mixins and variables</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#type">Typography</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#type-headings">Headings</a></li>
|
|
|
|
<li><a href="#type-body-copy">Body copy</a></li>
|
2014-03-07 00:10:46 -08:00
|
|
|
<li><a href="#type-inline-text">Inline text elements</a></li>
|
|
|
|
<li><a href="#type-alignment">Alignment classes</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#type-abbreviations">Abbreviations</a></li>
|
|
|
|
<li><a href="#type-addresses">Addresses</a></li>
|
|
|
|
<li><a href="#type-blockquotes">Blockquotes</a></li>
|
|
|
|
<li><a href="#type-lists">Lists</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
2013-12-07 12:18:13 -08:00
|
|
|
<li>
|
|
|
|
<a href="#code">Code</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#code-inline">Inline code</a></li>
|
|
|
|
<li><a href="#code-user-input">User input</a></li>
|
|
|
|
<li><a href="#code-block">Blocks of code</a></li>
|
2014-03-07 00:10:46 -08:00
|
|
|
<li><a href="#code-variables">Variables</a></li>
|
|
|
|
<li><a href="#code-sample-output">Sample output</a></li>
|
2013-12-07 12:18:13 -08:00
|
|
|
</ul>
|
|
|
|
</li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li>
|
|
|
|
<a href="#tables">Tables</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#tables-example">Basic example</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#tables-striped">Striped rows</a></li>
|
|
|
|
<li><a href="#tables-bordered">Bordered table</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#tables-hover-rows">Hover rows</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#tables-condensed">Condensed table</a></li>
|
2013-08-15 13:00:34 -07:00
|
|
|
<li><a href="#tables-contextual-classes">Contextual classes</a></li>
|
2013-08-18 21:43:05 -07:00
|
|
|
<li><a href="#tables-responsive">Responsive tables</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#forms">Forms</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#forms-example">Basic example</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#forms-inline">Inline form</a></li>
|
|
|
|
<li><a href="#forms-horizontal">Horizontal form</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#forms-controls">Supported controls</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#forms-controls-static">Static control</a></li>
|
2013-12-15 17:15:09 -08:00
|
|
|
<li><a href="#forms-control-focus">Focus state</a></li>
|
|
|
|
<li><a href="#forms-control-disabled">Disabled state</a></li>
|
2014-03-04 15:16:38 -08:00
|
|
|
<li><a href="#forms-control-readonly">Readonly state</a></li>
|
2013-12-15 17:15:09 -08:00
|
|
|
<li><a href="#forms-control-validation">Validation states</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#forms-control-sizes">Control sizing</a></li>
|
|
|
|
<li><a href="#forms-help-text">Help text</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#buttons">Buttons</a>
|
|
|
|
<ul class="nav">
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#buttons-options">Options</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#buttons-sizes">Sizes</a></li>
|
2013-09-02 00:09:49 +02:00
|
|
|
<li><a href="#buttons-active">Active state</a></li>
|
2013-08-16 13:30:33 -07:00
|
|
|
<li><a href="#buttons-disabled">Disabled state</a></li>
|
2013-05-08 21:56:08 -07:00
|
|
|
<li><a href="#buttons-tags">Button tags</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
2013-08-19 00:16:51 -07:00
|
|
|
<li>
|
|
|
|
<a href="#images">Images</a>
|
2014-02-01 00:26:46 -08:00
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#images-responsive">Responsive images</a></li>
|
|
|
|
<li><a href="#images-shapes">Image shapes</a></li>
|
|
|
|
</ul>
|
2013-08-19 00:16:51 -07:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#helper-classes">Helper classes</a>
|
2013-08-23 22:00:54 -07:00
|
|
|
<ul class="nav">
|
2013-12-14 21:40:16 -08:00
|
|
|
<li><a href="#helper-classes-colors">Contextual colors</a></li>
|
|
|
|
<li><a href="#helper-classes-backgrounds">Contextual backgrounds</a></li>
|
2013-08-23 22:00:54 -07:00
|
|
|
<li><a href="#helper-classes-close">Close icon</a></li>
|
2013-10-13 15:23:58 -07:00
|
|
|
<li><a href="#helper-classes-carets">Carets</a></li>
|
2013-08-23 22:00:54 -07:00
|
|
|
<li><a href="#helper-classes-floats">Quick floats</a></li>
|
2013-09-01 11:20:58 +02:00
|
|
|
<li><a href="#helper-classes-center">Center content blocks</a></li>
|
2013-08-23 22:00:54 -07:00
|
|
|
<li><a href="#helper-classes-clearfix">Clearfix</a></li>
|
2013-08-24 14:40:24 -07:00
|
|
|
<li><a href="#helper-classes-show-hide">Showing and hiding content</a></li>
|
2013-08-23 22:00:54 -07:00
|
|
|
<li><a href="#helper-classes-screen-readers">Screen reader content</a></li>
|
2013-08-23 22:01:42 -07:00
|
|
|
<li><a href="#helper-classes-image-replacement">Image replacement</a></li>
|
2013-08-23 22:00:54 -07:00
|
|
|
</ul>
|
2013-08-19 00:16:51 -07:00
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#responsive-utilities">Responsive utilities</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#responsive-utilities-classes">Available classes</a></li>
|
|
|
|
<li><a href="#responsive-utilities-print">Print classes</a></li>
|
|
|
|
<li><a href="#responsive-utilities-tests">Test cases</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
2013-12-14 14:18:43 -08:00
|
|
|
<li>
|
2013-12-20 21:19:45 -08:00
|
|
|
<a href="#less">Using Less</a>
|
2013-12-14 14:18:43 -08:00
|
|
|
<ul class="nav">
|
2013-12-18 13:40:29 -08:00
|
|
|
<li><a href="#less-bootstrap">Compiling Bootstrap</a></li>
|
2013-12-14 14:18:43 -08:00
|
|
|
<li><a href="#less-variables">Variables</a></li>
|
|
|
|
<li><a href="#less-mixins-vendor">Vendor mixins</a></li>
|
|
|
|
<li><a href="#less-mixins-utility">Utility mixins</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
2013-12-20 21:02:25 -08:00
|
|
|
<li>
|
|
|
|
<a href="#sass">Using Sass</a>
|
|
|
|
<ul class="nav">
|
2013-12-21 10:36:20 -08:00
|
|
|
<li><a href="#sass-contents">What's included</a></li>
|
2014-01-14 15:52:40 -08:00
|
|
|
<li><a href="#sass-installation">Rails install</a></li>
|
2013-12-20 21:02:25 -08:00
|
|
|
</ul>
|
|
|
|
</li>
|
2014-03-03 23:50:04 -08:00
|
|
|
<li>
|
|
|
|
<a href="#rtl">RTL version</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#rtl-how-to">How to use</a></li>
|
|
|
|
<li><a href="#rtl-css-flip">CSS Flip</a></li>
|
2013-12-20 21:02:25 -08:00
|
|
|
</ul>
|
|
|
|
</li>
|