Bootstrap

Question Answer
Responsive Design With Bootstrap <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
Use Responsive Design with Bootstrap Fluid Containers <div class="container-fluid">
Make Images Mobile Responsive <a href="#"><img class="img-responsive" src=" alt="cats"></a>
Center Text with Bootstrap <h2 class="red-text text-center">your text</h2>
Create a Bootstrap Button <button class="btn">Like</button>
Create a Block Element Bootstrap Button <button class="btn btn-block">Submit</button>
Taste the Bootstrap Button Color Rainbow <button class="btn btn-block btn-primary">Like</button>
Call out Optional Actions with Button Info <button class="btn btn-block btn-primary btn-info">Info</button>
Warn your Users of a Dangerous Action <button class="btn btn-block btn-danger">Delete</button>
Use the Bootstrap Grid to Put Elements Side By Side <div class="row">
<div class="col-xs-4"><button class="btn btn-block btn-primary">Like</button></div>
</div>
Ditch Custom CSS for Bootstrap text-primary / img-responsive

Leave a Reply

Your email address will not be published. Required fields are marked *