Articles → BOOTSTRAP → Specify The Size Of Buttons In Button Groups In Bootstrap

Specify The Size Of Buttons In Button Groups In Bootstrap



<!DOCTYPE html>
<html lang="en" xmlns="">
      <meta charset="utf-8" />
      <link rel="stylesheet" href="">
      <div class="btn-group-lg">
         <button class="btn btn-primary">Large Button 1</button>
         <button class="btn btn-primary">Large Button 2</button>
         <button class="btn btn-primary">Large Button 3</button>
      <br />
      <div class="btn-group-sm">
         <button class="btn btn-primary">Small Button 1</button>
         <button class="btn btn-primary">Small Button 2</button>
         <button class="btn btn-primary">Small Button 3</button>
      <br />
      <div class="btn-group-xs">
         <button class="btn btn-primary">Extra Small Button 1</button>
         <button class="btn btn-primary">Extra Small Button 2</button>
         <button class="btn btn-primary">Extra Small Button 3</button>


Picture showing the output of specifying the size of buttons in button groups in Bootstrap
Click to Enlarge

Posted By  -  Karan Gupta
Posted On  -  Wednesday, September 29, 2021


Your Email Id  
Query/FeedbackCharacters remaining 250