<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <h1 class="page-header">Buttons</h1> <h4>Simple Button</h4> <button class="btn" type="button">Simple Button</button> <h4>Button Colors</h4> <button class="btn btn-default" type="button">Default</button> <button class="btn btn-primary" type="button">Primary</button> <button class="btn btn-success" type="button">Success</button> <button class="btn btn-info" type="button">Info</button> <button class="btn btn-warning" type="button">Warning</button> <button class="btn btn-danger" type="button">Danger</button> <button class="btn btn-link" type="button">Link</button> <h4>Button Types</h4> <button class="btn btn-default" type="button">Button element</button> <a href="#" class="btn btn-primary"><i class="icon-white icon-heart"></i>Link Button</a> <input type="button" class="btn btn-success" value="Input Type Button"/> <input type="submit" class="btn btn-info" value="Input Type Submit"/> <h4>Button with icon</h4> <a href="#" class="btn btn-default"><span class="glyphicon glyphicon-link"></span> anchor link button</a> <button class="btn btn-primary" type="button"><span class="glyphicon glyphicon-link"></span> button</button> <h4>Button Size</h4> <button class="btn btn-primary btn-lg" type="button">Large button</button> <button class="btn btn-primary" type="button">Default button</button> <button class="btn btn-primary btn-sm" type="button">Small button</button> <button class="btn btn-primary btn-xs" type="button">Mini button</button><br/><br/> <button class="btn btn-primary btn-lg btn-block" type="button">Full width button</button> <h4>Button States</h4> <button class="btn btn-default" type="button">Normal</button> <button class="btn btn-default active" type="button">Active</button> <button class="btn btn-default disabled" type="button">Disable</button> <h4>Buttons Group</h4> <div class="btn-group"> <button type="button" value="left" class="btn btn-default"><span class="glyphicon glyphicon-arrow-left"></span> Left</button> <button type="button" class="btn btn-default">Center</button> <button type="button" value="right" class="btn btn-default">Right <span class="glyphicon glyphicon-arrow-right"></span></button> </div> <h4> </h4> </div> <style> h4{ margin-top:50px; } </style>