<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>bootstrap Experience Example: Button Group size </title>
<meta charset= "Utf-8"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1.0"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
<body>
<div class= "Container" >
<div class= "Btn-toolbar" role= "Toolbar" >
<div class= "Btn-group btn-group-lg" >
<button type= "button" class= "btn btn-default" > button 1</button>
<button type= "button" class= "btn btn-default" > button 2</button>
<button type= "button" class= "btn btn-default" > button 3</button>
</div>
<div class= "Btn-group btn-group-sm" >
<button type= "button" class= "btn btn-default" > button 4</button>
<button type= "button" class= "btn btn-default" > button 5</button>
<button type= "button" class= "btn btn-default" > button 6</button>
</div>
<div class= "Btn-group btn-group-xs" >
<button type= "button" class= "btn btn-default" > button 7</button>
<button type= "button" class= "btn btn-default" > button 8</button>
<button type= "button" class= "btn btn-default" > button 9</button>
</div>
</div>
</div>
<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
</body>
Bootstrap Experience Example: button Group size