H2 element issue
<p>I am trying to get the H2 element filled with "Portfolio" centered above the 2 img elements. I am having trouble doing this. Right now, it is stuck on the left side of the 2 .col-md-4 bootstrap columns. Could you point me in the right direction? </p>

<p>Here is <a href="http://codepen.io/capozzic1/pen/JKmZzZ?editors=1100" rel="nofollow">the codepen</a>. </p>

<p>Here is the code: </p>

<pre><code>&lt;div class="portf row"&gt;
  &lt;h2&gt;Portfolio&lt;/h2&gt;

  &lt;div class="portfolio col-md-4"&gt;

    &lt;img class="port1 img-responsive" src="https://s8.postimg.org/v4ol85ct1/hangman.jpg"&gt;
    &lt;p&gt;A game of hangman made with: HTML, CSS, and JavaScript.&lt;/p&gt;

  &lt;/div&gt;
  &lt;div class="col-md-4 img-responsive"&gt;&lt;img src="https://s8.postimg.org/3kagp7ctx/BFSkinner.jpg" alt="pic 2"&gt;
    &lt;p&gt;A B.F. Skinner tribute page made with: HTML and CSS.&lt;/p&gt;
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>