css.html 5.48 KB
Newer Older
1
2
3
4
5
<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>
6
    <li><a href="#overview-type-links">Typography and links</a></li>
7
    <li><a href="#overview-normalize">Normalize.css</a></li>
8
    <li><a href="#overview-container">Containers</a></li>
9
10
  </ul>
</li>
Mark Otto's avatar
Mark Otto committed
11
12
13
<li>
  <a href="#grid">Grid system</a>
  <ul class="nav">
14
    <li><a href="#grid-intro">Introduction</a></li>
15
    <li><a href="#grid-media-queries">Media queries</a></li>
16
    <li><a href="#grid-options">Grid options</a></li>
Mark Otto's avatar
typo    
Mark Otto committed
17
    <li><a href="#grid-example-basic">Ex: Stacked-to-horizontal</a></li>
18
    <li><a href="#grid-example-fluid">Ex: Fluid container</a></li>
19
20
    <li><a href="#grid-example-mixed">Ex: Mobile and desktop</a></li>
    <li><a href="#grid-example-mixed-complete">Ex: Mobile, tablet, desktop</a></li>
21
    <li><a href="#grid-example-wrapping">Ex: Column wrapping</a></li>
22
    <li><a href="#grid-responsive-resets">Responsive column resets</a></li>
23
24
    <li><a href="#grid-offsetting">Offsetting columns</a></li>
    <li><a href="#grid-nesting">Nesting columns</a></li>
Mark Otto's avatar
Mark Otto committed
25
    <li><a href="#grid-column-ordering">Column ordering</a></li>
26
    <li><a href="#grid-less">Less mixins and variables</a></li>
Mark Otto's avatar
Mark Otto committed
27
28
29
30
31
32
33
  </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>
mrmrs's avatar
mrmrs committed
34
35
    <li><a href="#type-inline-text">Inline text elements</a></li>
    <li><a href="#type-alignment">Alignment classes</a></li>
36
    <li><a href="#type-transformation">Transformation classes</a></li>
Mark Otto's avatar
Mark Otto committed
37
38
39
40
41
42
    <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>
43
44
45
<li>
  <a href="#code">Code</a>
  <ul class="nav">
46
    <li><a href="#code-inline">Inline</a></li>
47
    <li><a href="#code-user-input">User input</a></li>
48
    <li><a href="#code-block">Basic block</a></li>
mrmrs's avatar
mrmrs committed
49
50
    <li><a href="#code-variables">Variables</a></li>
    <li><a href="#code-sample-output">Sample output</a></li>
51
52
  </ul>
</li>
Mark Otto's avatar
Mark Otto committed
53
54
55
56
<li>
  <a href="#tables">Tables</a>
  <ul class="nav">
    <li><a href="#tables-example">Basic example</a></li>
57
58
    <li><a href="#tables-striped">Striped rows</a></li>
    <li><a href="#tables-bordered">Bordered table</a></li>
Mark Otto's avatar
Mark Otto committed
59
    <li><a href="#tables-hover-rows">Hover rows</a></li>
60
    <li><a href="#tables-condensed">Condensed table</a></li>
61
    <li><a href="#tables-contextual-classes">Contextual classes</a></li>
62
    <li><a href="#tables-responsive">Responsive tables</a></li>
Mark Otto's avatar
Mark Otto committed
63
64
65
66
67
68
  </ul>
</li>
<li>
  <a href="#forms">Forms</a>
  <ul class="nav">
    <li><a href="#forms-example">Basic example</a></li>
69
70
    <li><a href="#forms-inline">Inline form</a></li>
    <li><a href="#forms-horizontal">Horizontal form</a></li>
Mark Otto's avatar
Mark Otto committed
71
    <li><a href="#forms-controls">Supported controls</a></li>
72
    <li><a href="#forms-controls-static">Static control</a></li>
73
74
    <li><a href="#forms-control-focus">Focus state</a></li>
    <li><a href="#forms-control-disabled">Disabled state</a></li>
75
    <li><a href="#forms-control-readonly">Readonly state</a></li>
76
    <li><a href="#forms-control-validation">Validation states</a></li>
Mark Otto's avatar
Mark Otto committed
77
78
79
80
81
82
83
    <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">
84
    <li><a href="#buttons-options">Options</a></li>
Mark Otto's avatar
Mark Otto committed
85
    <li><a href="#buttons-sizes">Sizes</a></li>
86
    <li><a href="#buttons-active">Active state</a></li>
87
    <li><a href="#buttons-disabled">Disabled state</a></li>
Mark Otto's avatar
Mark Otto committed
88
89
90
    <li><a href="#buttons-tags">Button tags</a></li>
  </ul>
</li>
91
92
<li>
  <a href="#images">Images</a>
93
94
95
96
  <ul class="nav">
    <li><a href="#images-responsive">Responsive images</a></li>
    <li><a href="#images-shapes">Image shapes</a></li>
  </ul>
97
98
99
</li>
<li>
  <a href="#helper-classes">Helper classes</a>
100
  <ul class="nav">
101
102
    <li><a href="#helper-classes-colors">Contextual colors</a></li>
    <li><a href="#helper-classes-backgrounds">Contextual backgrounds</a></li>
103
    <li><a href="#helper-classes-close">Close icon</a></li>
Mark Otto's avatar
Mark Otto committed
104
    <li><a href="#helper-classes-carets">Carets</a></li>
105
    <li><a href="#helper-classes-floats">Quick floats</a></li>
106
    <li><a href="#helper-classes-center">Center content blocks</a></li>
107
    <li><a href="#helper-classes-clearfix">Clearfix</a></li>
108
    <li><a href="#helper-classes-show-hide">Showing and hiding content</a></li>
109
    <li><a href="#helper-classes-screen-readers">Screen reader and keyboard navigation content</a></li>
Mark Otto's avatar
Mark Otto committed
110
    <li><a href="#helper-classes-image-replacement">Image replacement</a></li>
111
  </ul>
112
113
114
115
116
117
118
119
120
</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>
121
<li>
Mark Otto's avatar
Mark Otto committed
122
  <a href="#less">Using Less</a>
123
  <ul class="nav">
Mark Otto's avatar
Mark Otto committed
124
    <li><a href="#less-bootstrap">Compiling Bootstrap</a></li>
125
126
127
128
129
    <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>
130
131
132
<li>
  <a href="#sass">Using Sass</a>
  <ul class="nav">
Mark Otto's avatar
Mark Otto committed
133
    <li><a href="#sass-contents">What's included</a></li>
134
    <li><a href="#sass-installation">Installation</a></li>
135
136
  </ul>
</li>