Scribd
Upload
96 views1 page

Bootstrap Button Groups Handson

The document demonstrates three button groups of different sizes - large, small, and extra-small - created using Bootstrap classes. Buttons 1-3 are in a large button group, Buttons 4-6 are in a small button group, and Buttons 7-9 are in an extra-small button group.

Uploaded by

Debarshi Roy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
96 views1 page

Bootstrap Button Groups Handson

The document demonstrates three button groups of different sizes - large, small, and extra-small - created using Bootstrap classes. Buttons 1-3 are in a large button group, Buttons 4-6 are in a small button group, and Buttons 7-9 are in an extra-small button group.

Uploaded by

Debarshi Roy
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 1

<!

DOCTYPE html>
<html>
<head>
  <title>Grab it!!!!</title>
  <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./css/mystyle.css" rel="stylesheet" type="text/css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/
jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/
bootstrap.min.js"></script>
</head>
<body>
  <div class="btn-group btn-group-lg">

<Button>Button 1</Button>

<Button>Button 2</Button>

<Button>Button 3</Button>

</div>

<div class="btn-group btn-group-sm">

<Button>Button 4</Button>

<Button>Button 5</Button>

<Button>Button 6</Button>

</div>

<div class="btn-group btn-group-xs">

<Button>Button 7</Button>

<Button>Button 8</Button>

<Button>Button 9</Button>

</div>

</body>
</html>

You might also like