0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-02-18 15:54:26 +01:00

improve button docs

This commit is contained in:
Mark Otto 2012-03-12 09:38:12 -07:00
parent 5dff63d767
commit 40fddffeec
3 changed files with 16 additions and 16 deletions

Binary file not shown.

View File

@ -1298,44 +1298,44 @@ For example, <code>section</code> should be wrapped as inline.
<thead> <thead>
<tr> <tr>
<th>Button</th> <th>Button</th>
<th>Class</th> <th>class=""</th>
<th>Description</th> <th>Description</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td><button class="btn" href="#">Default</button></td> <td><button class="btn" href="#">Default</button></td>
<td><code>.btn</code></td> <td><code>btn</code></td>
<td>Standard gray button with gradient</td> <td>Standard gray button with gradient</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-primary" href="#">Primary</button></td> <td><button class="btn btn-primary" href="#">Primary</button></td>
<td><code>.btn-primary</code></td> <td><code>btn btn-primary</code></td>
<td>Provides extra visual weight and identifies the primary action in a set of buttons</td> <td>Provides extra visual weight and identifies the primary action in a set of buttons</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-info" href="#">Info</button></td> <td><button class="btn btn-info" href="#">Info</button></td>
<td><code>.btn-info</code></td> <td><code>btn btn-info</code></td>
<td>Used as an alternate to the default styles</td> <td>Used as an alternate to the default styles</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-success" href="#">Success</button></td> <td><button class="btn btn-success" href="#">Success</button></td>
<td><code>.btn-success</code></td> <td><code>btn btn-success</code></td>
<td>Indicates a successful or positive action</td> <td>Indicates a successful or positive action</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-warning" href="#">Warning</button></td> <td><button class="btn btn-warning" href="#">Warning</button></td>
<td><code>.btn-warning</code></td> <td><code>btn btn-warning</code></td>
<td>Indicates caution should be taken with this action</td> <td>Indicates caution should be taken with this action</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-danger" href="#">Danger</button></td> <td><button class="btn btn-danger" href="#">Danger</button></td>
<td><code>.btn-danger</code></td> <td><code>btn btn-danger</code></td>
<td>Indicates a dangerous or potentially negative action</td> <td>Indicates a dangerous or potentially negative action</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-inverse" href="#">Inverse</button></td> <td><button class="btn btn-inverse" href="#">Inverse</button></td>
<td><code>.btn-inverse</code></td> <td><code>btn btn-inverse</code></td>
<td>Alternate dark gray button, not tied to a semantic action or use</td> <td>Alternate dark gray button, not tied to a semantic action or use</td>
</tr> </tr>
</tbody> </tbody>

View File

@ -1222,44 +1222,44 @@
<thead> <thead>
<tr> <tr>
<th>{{_i}}Button{{/i}}</th> <th>{{_i}}Button{{/i}}</th>
<th>{{_i}}Class{{/i}}</th> <th>{{_i}}class=""{{/i}}</th>
<th>{{_i}}Description{{/i}}</th> <th>{{_i}}Description{{/i}}</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr> <tr>
<td><button class="btn" href="#">{{_i}}Default{{/i}}</button></td> <td><button class="btn" href="#">{{_i}}Default{{/i}}</button></td>
<td><code>.btn</code></td> <td><code>btn</code></td>
<td>{{_i}}Standard gray button with gradient{{/i}}</td> <td>{{_i}}Standard gray button with gradient{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-primary" href="#">{{_i}}Primary{{/i}}</button></td> <td><button class="btn btn-primary" href="#">{{_i}}Primary{{/i}}</button></td>
<td><code>.btn-primary</code></td> <td><code>btn btn-primary</code></td>
<td>{{_i}}Provides extra visual weight and identifies the primary action in a set of buttons{{/i}}</td> <td>{{_i}}Provides extra visual weight and identifies the primary action in a set of buttons{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-info" href="#">{{_i}}Info{{/i}}</button></td> <td><button class="btn btn-info" href="#">{{_i}}Info{{/i}}</button></td>
<td><code>.btn-info</code></td> <td><code>btn btn-info</code></td>
<td>{{_i}}Used as an alternate to the default styles{{/i}}</td> <td>{{_i}}Used as an alternate to the default styles{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-success" href="#">{{_i}}Success{{/i}}</button></td> <td><button class="btn btn-success" href="#">{{_i}}Success{{/i}}</button></td>
<td><code>.btn-success</code></td> <td><code>btn btn-success</code></td>
<td>{{_i}}Indicates a successful or positive action{{/i}}</td> <td>{{_i}}Indicates a successful or positive action{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-warning" href="#">{{_i}}Warning{{/i}}</button></td> <td><button class="btn btn-warning" href="#">{{_i}}Warning{{/i}}</button></td>
<td><code>.btn-warning</code></td> <td><code>btn btn-warning</code></td>
<td>{{_i}}Indicates caution should be taken with this action{{/i}}</td> <td>{{_i}}Indicates caution should be taken with this action{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-danger" href="#">{{_i}}Danger{{/i}}</button></td> <td><button class="btn btn-danger" href="#">{{_i}}Danger{{/i}}</button></td>
<td><code>.btn-danger</code></td> <td><code>btn btn-danger</code></td>
<td>{{_i}}Indicates a dangerous or potentially negative action{{/i}}</td> <td>{{_i}}Indicates a dangerous or potentially negative action{{/i}}</td>
</tr> </tr>
<tr> <tr>
<td><button class="btn btn-inverse" href="#">{{_i}}Inverse{{/i}}</button></td> <td><button class="btn btn-inverse" href="#">{{_i}}Inverse{{/i}}</button></td>
<td><code>.btn-inverse</code></td> <td><code>btn btn-inverse</code></td>
<td>{{_i}}Alternate dark gray button, not tied to a semantic action or use{{/i}}</td> <td>{{_i}}Alternate dark gray button, not tied to a semantic action or use{{/i}}</td>
</tr> </tr>
</tbody> </tbody>