diff --git a/docs/base-css.html b/docs/base-css.html index 7b09e7175c..c84a42cf7c 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -1460,30 +1460,42 @@ For example, <code>section</code> should be wrapped as inline.
Fancy larger or smaller buttons? Add .btn-large
, .btn-small
, or .btn-mini
for two additional sizes.
Fancy larger or smaller buttons? Add .btn-large
, .btn-small
, or .btn-mini
for additional sizes.
- - + +
- - + +
- - + +
- - + +
-<button class="btn btn-large" type="button">Large button</button> -<button class="btn btn-small" type="button">Small button</button> -<button class="btn" type="button">Default button</button> -<button class="btn btn-mini" type="button">Mini button</button> +<p> + <button class="btn btn-large btn-primary" type="button">Large button</button> + <button class="btn btn-large" type="button">Large button</button> +</p> +<p> + <button class="btn btn-primary" type="button">Default button</button> + <button class="btn" type="button">Default button</button> +</p> +<p> + <button class="btn btn-small btn-primary" type="button">Small button</button> + <button class="btn btn-small" type="button">Small button</button> +</p> +<p> + <button class="btn btn-mini btn-primary" type="button">Mini button</button> + <button class="btn btn-mini" type="button">Mini button</button> +</p>
Create block level buttons—those that span the full width of a parent— by adding .btn-block
.
{{_i}}Fancy larger or smaller buttons? Add .btn-large
, .btn-small
, or .btn-mini
for two additional sizes.{{/i}}
{{_i}}Fancy larger or smaller buttons? Add .btn-large
, .btn-small
, or .btn-mini
for additional sizes.{{/i}}
- - + +
- - + +
- - + +
- - + +
-<button class="btn btn-large" type="button">{{_i}}Large button{{/i}}</button> -<button class="btn btn-small" type="button">{{_i}}Small button{{/i}}</button> -<button class="btn" type="button">{{_i}}Default button{{/i}}</button> -<button class="btn btn-mini" type="button">{{_i}}Mini button{{/i}}</button> +<p> + <button class="btn btn-large btn-primary" type="button">{{_i}}Large button{{/i}}</button> + <button class="btn btn-large" type="button">{{_i}}Large button{{/i}}</button> +</p> +<p> + <button class="btn btn-primary" type="button">{{_i}}Default button{{/i}}</button> + <button class="btn" type="button">{{_i}}Default button{{/i}}</button> +</p> +<p> + <button class="btn btn-small btn-primary" type="button">{{_i}}Small button{{/i}}</button> + <button class="btn btn-small" type="button">{{_i}}Small button{{/i}}</button> +</p> +<p> + <button class="btn btn-mini btn-primary" type="button">{{_i}}Mini button{{/i}}</button> + <button class="btn btn-mini" type="button">{{_i}}Mini button{{/i}}</button> +</p>
{{_i}}Create block level buttons—those that span the full width of a parent— by adding .btn-block
.{{/i}}