Articles → BOOTSTRAP → Bootstrap Button Classes

Bootstrap Button Classes






Button Classes




  1. btn
  2. btn-default
  3. btn-primary
  4. btn-secondary
  5. btn-success
  6. btn-info
  7. btn-warning
  8. btn-danger
  9. btn-link

Example


<!DOCTYPE html>
<html lang="en">

<head>
	<title>Bootstrap Example</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="bootstrap\css\bootstrap.min.css"> </head>

<body>
	<div class="container">
		<button type="button" class="btn">Basic</button>
		<button type="button" class="btn btn-default">Default</button>
		<button type="button" class="btn btn-primary">Primary</button>
		<button type="button" class="btn btn-secondary">Secondary</button>
		<button type="button" class="btn btn-success">Success</button>
		<button type="button" class="btn btn-info">Info</button>
		<button type="button" class="btn btn-warning">Warning</button>
		<button type="button" class="btn btn-danger">Danger</button>
		<button type="button" class="btn btn-link">Link</button>
	</div>
</body>

</html>



Output


Picture showing the output of bootstrap button classes
Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Tuesday, November 14, 2017

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250