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">  
<head>    
<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="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script type="text/javascript" src="JS/bootstrap.min.js"></script> 
</head> 
<body>
	<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>  
	</div>
</body>
</html>
Tagged in : #Bootstrap #Html

Bibhudatta

She loves coding for web and working with Microsoft Technologies. She has developed enterprise applications with B2B and B2C business models for worlds leading Financial and Retail chain market.

Join The Discussion

Please note: We reserve the right to delete comments that contains snarky remarks, offensive or off-topic. To know more read our comments policy.