To make our work easier on the eye, we are going to import Bootstrap.
Note
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Head to http://getbootstrap.com/ and click on the Download Bootstrap button. For the time being, we'll just use Bootstrap from the CDN link (https://www.bootstrapcdn.com/) but you can install it in any way that suits your particular needs. For our example we need only one file, for now: css/bootstrap.min.css
. When we use this .css
file in our app, we have access to all the pretty structures and styles. Just include it within the head
tag of your page and you are good to go.
Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.
Use
.container
for a responsive fixed width container:
<div class=”container...