2013-05-09 18:22:49 +02: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>
|
|
|
|
<li><a href="#overview-responsive-images">Responsive images</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#overview-type-links">Typography and links</a></li>
|
2013-05-09 18:22:49 +02:00
|
|
|
<li><a href="#overview-normalize">Normalize</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#overview-container">Containers</a></li>
|
2013-05-09 18:22:49 +02:00
|
|
|
</ul>
|
|
|
|
</li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li>
|
|
|
|
<a href="#grid">Grid system</a>
|
|
|
|
<ul class="nav">
|
2013-08-12 09:48:36 +02:00
|
|
|
<li><a href="#grid-media-queries">Media queries</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#grid-options">Grid options</a></li>
|
2013-06-10 08:43:43 +02:00
|
|
|
<li><a href="#grid-example-basic">Ex: Stacked-to-horizonal</a></li>
|
2013-08-16 22:30:33 +02: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-16 05:43:55 +02:00
|
|
|
<li><a href="#grid-responsive-resets">Responsive column resets</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#grid-offsetting">Offsetting columns</a></li>
|
|
|
|
<li><a href="#grid-nesting">Nesting columns</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li><a href="#grid-column-ordering">Column ordering</a></li>
|
|
|
|
<li><a href="#grid-less">LESS mixins and variables</a></li>
|
|
|
|
</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>
|
|
|
|
<li><a href="#type-emphasis">Emphasis</a></li>
|
|
|
|
<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>
|
|
|
|
<li><a href="#code">Code</a></li>
|
|
|
|
<li>
|
|
|
|
<a href="#tables">Tables</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#tables-example">Basic example</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#tables-striped">Striped rows</a></li>
|
|
|
|
<li><a href="#tables-bordered">Bordered table</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li><a href="#tables-hover-rows">Hover rows</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#tables-condensed">Condensed table</a></li>
|
2013-08-15 22:00:34 +02:00
|
|
|
<li><a href="#tables-contextual-classes">Contextual classes</a></li>
|
2013-08-19 06:43:05 +02:00
|
|
|
<li><a href="#tables-responsive">Responsive tables</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li>
|
|
|
|
<a href="#forms">Forms</a>
|
|
|
|
<ul class="nav">
|
|
|
|
<li><a href="#forms-example">Basic example</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#forms-inline">Inline form</a></li>
|
|
|
|
<li><a href="#forms-horizontal">Horizontal form</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li><a href="#forms-controls">Supported controls</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#forms-controls-static">Static control</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li><a href="#forms-control-states">Control states</a></li>
|
|
|
|
<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 22:30:33 +02:00
|
|
|
<li><a href="#buttons-options">Options</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li><a href="#buttons-sizes">Sizes</a></li>
|
2013-08-16 22:30:33 +02:00
|
|
|
<li><a href="#buttons-disabled">Disabled state</a></li>
|
2013-05-09 06:56:08 +02:00
|
|
|
<li><a href="#buttons-tags">Button tags</a></li>
|
|
|
|
</ul>
|
|
|
|
</li>
|
|
|
|
<li><a href="#images">Images</a></li>
|
|
|
|
<li><a href="#helper-classes">Helper classes</a></li>
|
|
|
|
<li><a href="#responsive-utilities">Responsive utilities</a></li>
|