Tutorials Bootstrap How to Create Button Groups in Bootstrap3

How to Create Button Groups in Bootstrap3

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>
Total
0
Shares
guest
0 Comments
Inline Feedbacks
View all comments
Previous Post
Bootstrap3 Tutorials and Examples

Bootstrap Jumbotron Example

Next Post

How to Create Toolbars in Bootstrap3

Related Posts
By clicking “Allow All”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. Cookie Notice
Allow All
0
Would love your thoughts, please comment.x
()
x