diff --git a/guide/english/bootstrap/buttons/index.md b/guide/english/bootstrap/buttons/index.md index cfb1063adb..cc66fc24bf 100644 --- a/guide/english/bootstrap/buttons/index.md +++ b/guide/english/bootstrap/buttons/index.md @@ -19,9 +19,9 @@ You can also use bootstrap buttons with the `` and `` elements as show `` #### Bootstrap Button Class List: -This is a list of the CSS classes that bootstrap provides for buttons. +This is a list of the CSS classes that bootstrap provides for buttons. They give the background color to the buttons. -`.btn` Bootstrap's basic button. +`.btn` This is bootstrap's basic button. It is a prerequisite if you want other bootstrap buttons to work properly. `` @@ -61,6 +61,14 @@ This is a list of the CSS classes that bootstrap provides for buttons. `` +`.btn-dark` This is bootstrap's dark button. + + + +`.btn-secondary` This is bootstrap's secondary button. + + + #### Bootstrap Button Sizes: This is a list of the CSS classes for different size of the buttons. @@ -76,6 +84,10 @@ This is a list of the CSS classes for different size of the buttons. `` +`.btn-md` This is bootstrap's medium button. + + + `.btn-xs` This is bootstrap's extra small button. `` @@ -89,6 +101,11 @@ This is used to show that the button is disabled by fading the button. This can + +`.btn-block` This is bootstrap's block level button. They actually span the entire width of their parent element. For example, a form element with a width of 200px, that means the btn-block button would have a width of 200px. + + + #### Bootstrap Outlined Buttons: It is possible to also have outlined buttons rather than fully colored in ones. This is achieved by placing the mid fix `outline` between the button class you want. A sample usage would be as follows: