From 154808d86f0e92e36148a7511150e8950066087b Mon Sep 17 00:00:00 2001
From: trbst <trbojevics@outlook.com>
Date: Thu, 27 Dec 2018 19:57:20 +0100
Subject: [PATCH] Added examples in 'Outlined buttons' section (#34287)

* Fixed typo in definition
* Added examples for outlined buttons
* Updated links for more information to most recent ones
---
 guide/english/bootstrap/buttons/index.md | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/guide/english/bootstrap/buttons/index.md b/guide/english/bootstrap/buttons/index.md
index dc7416e5df..669d76f003 100644
--- a/guide/english/bootstrap/buttons/index.md
+++ b/guide/english/bootstrap/buttons/index.md
@@ -109,11 +109,26 @@ This is used to show that the button is disabled by fading the button. This can
 <button type="button" class="btn btn-sm">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:
+
+It is possible to also have outlined buttons rather than fully colored buttons. This is achieved by placing the mid fix `outline` between the button class you want. A sample usage would be as follows:
 
 `<button type="button" class="btn btn-outline-primary">Primary</button>`
 
-Outlined buttons are a part of Bootstrap since version 4, please be sure that you are using the right version if you are unable to get them to work.
+`<button type="button" class="btn btn-outline-secondary">Secondary</button>`
+
+`<button type="button" class="btn btn-outline-success">Success</button>`
+
+`<button type="button" class="btn btn-outline-danger">Danger</button>`
+
+`<button type="button" class="btn btn-outline-warning">Warning</button>`
+
+`<button type="button" class="btn btn-outline-info">Info</button>`
+
+`<button type="button" class="btn btn-outline-light">Light</button>`
+
+`<button type="button" class="btn btn-outline-dark">Dark</button>`
+
+Outlined buttons are a part of Bootstrap since version 4 - please be sure that you are using the right version if you are unable to get them to work.
 
 #### Inline Buttons
 You can create inline button row by adding `.d-inline-block` class to the element which sets the display of the button to inline block. For example : `<button class="btn btn-primary d-inline-block btn-lg"></button>`