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


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

	<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>

	<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>



Picture showing the output of bootstrap button classes
Click to Enlarge

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


Your Email Id  
Query/FeedbackCharacters remaining 250