Adding Bootstrap components

MyPhoto is looking pretty bare right now, so let's take a look at integrating some Bootstrap components into our sections. First, let us add Bootstrap's JavaScript library. Bootstrap's JS relies upon jQuery UI, so let us add that too. Note that Bootstrap JS is not required for all the components we are going to use here, but it is best to get the setup out of the way. Install jQuery using Bower:

    bower install jquery

Add the following code to the head of your page:

    <script src="bower_components/jquery/dist/jquery.min.js"></script>
    <script src="bower_components/bootstrap/dist/js/bootstrap.min.js">
    </script>

With that, we're ready to use any Bootstrap component in our page.

Jumbotron

The first component we are going to integrate is Bootstrap's jumbotron.

The jumbotron component is essentially a very simple visual cue to draw attention...