Bootstrap 3 Tutorial
Bootstrap is the most popular HTML, CSS, and JavaScript framework for developing responsive, mobile-first web
sites.
Bootstrap is completely free to download and use!
Start learning Bootstrap 3 now!
Try it Yourself Examples
This Bootstrap tutorial contains hundreds of Bootstrap examples.
With our online editor, you can edit the code, and click on a button to view the result.
Bootstrap Example
<div
class="container">
<div class="jumbotron">
<h1>My First Bootstrap Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum dolor sit
amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit
amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor
sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</div>
Try it Yourself »
Click on the "Try it Yourself" button to see how it works.
Bootstrap References
At W3Schools you will find a complete Bootstrap reference of all CSS classes,
Components, and JavaScript plugins - all with "Try it Yourself" examples:
Color Picker