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: