title: My h4 tag is being cut off
body: <p>I am making a website using Bootstrap 3 and when I add an h4 tag it gets cut off at the edge of the page.</p>
  
  <p>Here is a <a href="https://codepen.io/jordanbaron123/pen/dXjJXp" rel="nofollow">CodePen</a></p>
  
  <p>I am using the latest version of Bootstrap 3</p>
  
  <pre><code>&lt;link rel="stylesheet" href="css/styles.css"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"&gt;
  &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"&gt;&lt;/script&gt;
  </code></pre>