title: Having trouble with Jumbotron
body: <p>I am trying to create a Jumbotron in Bootstrap 3.0. I want my image to take up the first three columns and my text to take up the other nine. However, when I input my code the image and the text cross over each other.</p>
  
  <p>HEre is my code:</p>
  
  <pre><code>&lt;div class="jumbotron"&gt;
          &lt;h1 class="col-lg-offset-3"&gt;Content Strategist and Designer&lt;/h1&gt;
  
      &lt;div class="row col-md-12"&gt;
          &lt;div class="col-md-5 col-md-offset-1"&gt;
              &lt;img src="img/cover.png"&gt;
              &lt;/div&gt;
  
          &lt;div class="col-md-5 col-md-offset-1"&gt;
              &lt;p&gt;Hello,&lt;/p&gt;
                  &lt;p&gt; My name is Bryan Collins and I am a student of the Digital Skills Academeny WebElevate 2.1 programme, where I specialised in the creation of online content.&lt;/p&gt;
                  &lt;p&gt;Throughout my professional career, I have written and produced various types of multimedia for a variety of Irish online and offline publications.&lt;/p&gt;
                  &lt;p&gt;&lt;a href="#" class="btn btn-primary btn-large"&gt;Learn More&lt;/a&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>