How to Create Button Groups in Bootstrap3

stacktips avtar

Written by:

Editorial,  1 min read,  updated on September 17, 2023

Bootstrap allows you to create a series of buttons together in a single button group. Use .btn-group class to create the button group.

Button groups in Bootstrap 3

<!DOCTYPE html> 
<html lang="en">  
<title>My first Bootstrap page </title>    
<meta name="viewport" content="width=device-width, initialscale=1">    
<link href="CSS/bootstrap.min.css" rel="stylesheet">   
<link href="CSS/bootstrap-theme.min.css" rel="stylesheet">    
<script src=""></script>
<script type="text/javascript" src="JS/bootstrap.min.js"></script> 
	<div class="btn-group" style="margin:50px">
	  	<button class="btn btn-wraning" type="button">Find by name</button>
	  	<button type="button" class="btn btn-success">Find by location</button>  
		<button type="button" class="btn btn-warning">Find by postcode</button>