From 2399b1c55a083d978528c197c289306eccdfe1fd Mon Sep 17 00:00:00 2001
From: Vardana Bhanot <bhanotvardana@gmail.com>
Date: Thu, 27 Dec 2018 23:03:22 +0530
Subject: [PATCH] Button group (#28157)

* Button group

Here is my update I have explained about the grouping of buttons using bootstrap

* fix: spelling/grammar/formatting
---
 guide/english/bootstrap/buttons/index.md | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/guide/english/bootstrap/buttons/index.md b/guide/english/bootstrap/buttons/index.md
index dde4d2842b..68f5f68fd0 100644
--- a/guide/english/bootstrap/buttons/index.md
+++ b/guide/english/bootstrap/buttons/index.md
@@ -118,6 +118,18 @@ Outlined buttons are a part of Bootstrap since version 4, please be sure that yo
 #### 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>`
 
+#### Bootstrap Grouping of Buttons
+It is possible to group more than one button for certain uses like pagination. Grouping buttons can be done by making a parent `div` for all buttons you want to group, using the `.btn-group` class on this `div`:
+
+Example:
+```html
+<div class="btn-group" role="group" aria-label="Basic example">
+  <button type="button" class="btn btn-secondary">Left</button>
+  <button type="button" class="btn btn-secondary">Middle</button>
+  <button type="button" class="btn btn-secondary">Right</button>
+</div>
+```
+
 _Note: Do not include the dot in the HTML Class Attribute, referring to the classes with a dot is only used when adjusting the classes in CSS._