title: Bootstrap h tag alignment with row class
body: <p>I am trying to align a heading on top of form elements using bootstrap. And have the following code:</p>
  <pre><code>&lt;div class=&quot;container&quot;&gt;
     &lt;h4&gt;Heading&lt;/h4&gt;
     &lt;div class=&quot;row&quot;&gt;
        &lt;div class=&quot;col&quot;&gt;
           1 of 2
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The output in jsfiddle.net is as follows:</p>
  <p><a href="https://i.stack.imgur.com/0q7Ep.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0q7Ep.jpg" alt="enter image description here" /></a></p>
  <p>Why isn't the Heading left aligned with the div below it?</p>