|
5 | 5 | <div class="card-header">
|
6 | 6 | <strong>Options</strong>
|
7 | 7 | </div>
|
8 |
| - <div class="card-block"> |
| 8 | + <div class="card-body"> |
9 | 9 | <button type="button" class="btn btn-primary">Primary</button>
|
10 | 10 | <button type="button" class="btn btn-secondary">Secondary</button>
|
11 | 11 | <button type="button" class="btn btn-success">Success</button>
|
|
18 | 18 | <div class="card-header">
|
19 | 19 | <strong>With Icons</strong>
|
20 | 20 | </div>
|
21 |
| - <div class="card-block"> |
| 21 | + <div class="card-body"> |
22 | 22 | <button type="button" class="btn btn-primary"><i class="fa fa-star"></i> Primary</button>
|
23 | 23 | <button type="button" class="btn btn-secondary"><i class="fa fa-lightbulb-o"></i> Secondary</button>
|
24 | 24 | <button type="button" class="btn btn-success"><i class="fa fa-magic"></i> Success</button>
|
|
34 | 34 | <code>.btn-lg</code>
|
35 | 35 | </small>
|
36 | 36 | </div>
|
37 |
| - <div class="card-block"> |
| 37 | + <div class="card-body"> |
38 | 38 | <button type="button" class="btn btn-primary btn-lg">Primary</button>
|
39 | 39 | <button type="button" class="btn btn-secondary btn-lg">Secondary</button>
|
40 | 40 | <button type="button" class="btn btn-success btn-lg">Success</button>
|
|
51 | 51 | <code>.btn-sm</code>
|
52 | 52 | </small>
|
53 | 53 | </div>
|
54 |
| - <div class="card-block"> |
| 54 | + <div class="card-body"> |
55 | 55 | <button type="button" class="btn btn-primary btn-sm">Primary</button>
|
56 | 56 | <button type="button" class="btn btn-secondary btn-sm">Secondary</button>
|
57 | 57 | <button type="button" class="btn btn-success btn-sm">Success</button>
|
|
68 | 68 | <code>disabled="disabled"</code>
|
69 | 69 | </small>
|
70 | 70 | </div>
|
71 |
| - <div class="card-block"> |
| 71 | + <div class="card-body"> |
72 | 72 | <button type="button" class="btn btn-primary" disabled="disabled">Primary</button>
|
73 | 73 | <button type="button" class="btn btn-secondary" disabled="disabled">Secondary</button>
|
74 | 74 | <button type="button" class="btn btn-success" disabled="disabled">Success</button>
|
|
85 | 85 | <code>.active</code>
|
86 | 86 | </small>
|
87 | 87 | </div>
|
88 |
| - <div class="card-block"> |
| 88 | + <div class="card-body"> |
89 | 89 | <button type="button" class="btn btn-primary active">Primary</button>
|
90 | 90 | <button type="button" class="btn btn-secondary active">Secondary</button>
|
91 | 91 | <button type="button" class="btn btn-success active">Success</button>
|
|
102 | 102 | <code>.btn-block</code>
|
103 | 103 | </small>
|
104 | 104 | </div>
|
105 |
| - <div class="card-block"> |
| 105 | + <div class="card-body"> |
106 | 106 | <button type="button" class="btn btn-secondary btn-lg btn-block">Block level button</button>
|
107 | 107 | <button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
|
108 | 108 | <button type="button" class="btn btn-success btn-lg btn-block">Block level button</button>
|
|
119 | 119 | <div class="card-header">
|
120 | 120 | <strong>Options</strong>
|
121 | 121 | </div>
|
122 |
| - <div class="card-block"> |
| 122 | + <div class="card-body"> |
123 | 123 | <!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
|
124 | 124 | <button type="button" class="btn btn-outline-primary">Primary</button>
|
125 | 125 | <!-- Secondary, outline button -->
|
|
136 | 136 | <div class="card-header">
|
137 | 137 | <strong>With Icons</strong>
|
138 | 138 | </div>
|
139 |
| - <div class="card-block"> |
| 139 | + <div class="card-body"> |
140 | 140 | <button type="button" class="btn btn-outline-primary"><i class="fa fa-star"></i> Primary</button>
|
141 | 141 | <button type="button" class="btn btn-outline-secondary"><i class="fa fa-lightbulb-o"></i> Secondary</button>
|
142 | 142 | <button type="button" class="btn btn-outline-success"><i class="fa fa-magic"></i> Success</button>
|
|
151 | 151 | <code>.btn-lg</code>
|
152 | 152 | </small>
|
153 | 153 | </div>
|
154 |
| - <div class="card-block"> |
| 154 | + <div class="card-body"> |
155 | 155 | <button type="button" class="btn btn-outline-primary btn-lg">Primary</button>
|
156 | 156 | <button type="button" class="btn btn-outline-secondary btn-lg">Secondary</button>
|
157 | 157 | <button type="button" class="btn btn-outline-success btn-lg">Success</button>
|
|
167 | 167 | <code>.btn-sm</code>
|
168 | 168 | </small>
|
169 | 169 | </div>
|
170 |
| - <div class="card-block"> |
| 170 | + <div class="card-body"> |
171 | 171 | <button type="button" class="btn btn-outline-primary btn-sm">Primary</button>
|
172 | 172 | <button type="button" class="btn btn-outline-secondary btn-sm">Secondary</button>
|
173 | 173 | <button type="button" class="btn btn-outline-success btn-sm">Success</button>
|
|
183 | 183 | <code>disabled="disabled"</code>
|
184 | 184 | </small>
|
185 | 185 | </div>
|
186 |
| - <div class="card-block"> |
| 186 | + <div class="card-body"> |
187 | 187 | <button type="button" class="btn btn-outline-primary" disabled="disabled">Primary</button>
|
188 | 188 | <button type="button" class="btn btn-outline-secondary" disabled="disabled">Secondary</button>
|
189 | 189 | <button type="button" class="btn btn-success" disabled="disabled">Success</button>
|
|
199 | 199 | <code>.active</code>
|
200 | 200 | </small>
|
201 | 201 | </div>
|
202 |
| - <div class="card-block"> |
| 202 | + <div class="card-body"> |
203 | 203 | <button type="button" class="btn btn-outline-primary active">Primary</button>
|
204 | 204 | <button type="button" class="btn btn-outline-secondary active">Secondary</button>
|
205 | 205 | <button type="button" class="btn btn-outline-success active">Success</button>
|
|
215 | 215 | <code>.btn-block</code>
|
216 | 216 | </small>
|
217 | 217 | </div>
|
218 |
| - <div class="card-block"> |
| 218 | + <div class="card-body"> |
219 | 219 | <button type="button" class="btn btn-outline-secondary btn-lg btn-block">Block level button</button>
|
220 | 220 | <button type="button" class="btn btn-outline-primary btn-lg btn-block">Block level button</button>
|
221 | 221 | <button type="button" class="btn btn-outline-success btn-lg btn-block">Block level button</button>
|
|
0 commit comments