From 04685545a755cf48b2f3a4adef1683b5f7ff2a5f Mon Sep 17 00:00:00 2001 From: Smruti Ranjan Rana <30388973+smrutiranjanrana@users.noreply.github.com> Date: Tue, 23 Oct 2018 07:27:34 +0530 Subject: [PATCH] Make code visible (#19809) --- guide/english/bootstrap/buttons/index.md | 52 +++++++++++------------- 1 file changed, 23 insertions(+), 29 deletions(-) diff --git a/guide/english/bootstrap/buttons/index.md b/guide/english/bootstrap/buttons/index.md index 8c4cd67d5f..1fc092a5bb 100644 --- a/guide/english/bootstrap/buttons/index.md +++ b/guide/english/bootstrap/buttons/index.md @@ -12,71 +12,65 @@ To use bootstrap buttons you follow the same steps that you would to create a bu `` - - You can also use bootstrap buttons with the `` and `` elements as shown in the examples below. `This button is a link` -This button is a link - `` - - #### Bootstrap Button Class List: This is a list of the CSS classes that bootstrap provides for buttons. -`.btn` This is bootstrap's basic button. +`.btn` Bootstrap's basic button. - +`` -`.btn-default` This is bootstrap's default button. +`.btn-default` Bootstrap's default button. - +`` -`.btn-primary` This is bootstrap's primary button. +`.btn-primary` Bootstrap's primary button. - +`` -`.btn-success` This is bootstrap's success button. +`.btn-success` Bootstrap's success button. - +`` -`.btn-info` This is bootstrap's info button. +`.btn-info` Bootstrap's info button. - +`` -`.btn-warning` This is bootstrap's warning button. +`.btn-warning` Bootstrap's warning button. - +`` -`.btn-danger` This is bootstrap's danger button. +`.btn-danger` Bootstrap's danger button. - +`` -`.btn-link` This is bootstrap's link button. +`.btn-link` Bootstrap's link button. - +`` -`.btn-light` This is bootstrap's light button. +`.btn-light` Bootstrap's light button. - +`` #### Bootstrap Button Sizes: This is a list of the CSS classes for different size of the buttons. -`.btn-lg` This is bootstrap's large button. +`.btn-lg` Bootstrap's large button. - +`` -`.btn-sm` This is bootstrap's small button. +`.btn-sm` Bootstrap's small button. - +`` `.btn-xs` This is bootstrap's extra small button. - +`` #### 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: