title: Bootstrap 3 - Display text and an image in the same row
body: <p>I'm starting out a website using BootStrap 3 framework. Here's the section of the code that I have an issue with:</p>
  
  <pre><code>                &lt;div class="row"&gt;
                      &lt;div class="col-md-8"&gt;
                           &lt;div class="brand"&gt;
                              &lt;h1&gt;&lt;a href="index.html"&gt;Test Text.&lt;/a&gt;&lt;/h1&gt;
                              &lt;div class="line-spacer"&gt;&lt;/div&gt;
                              &lt;p&gt;&lt;span&gt;Some more test Text&lt;/span&gt;&lt;/p&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                      &lt;div class="col-md-12"&gt;
                          &lt;img src="img/devices.png" /&gt;
                      &lt;/div&gt;
  
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>Here's what the output looks like:</p>
  
  <p><img src="https://i.stack.imgur.com/dJs78.png" alt="test screenshot"></p>
  
  <p>How do I get the image along the same row as the text? I tried placing the <code>&lt;img&gt;</code> within the <code>col-md-8</code> div tag, tried without specifying any <code>col</code> div value, but none of that worked. Any help is appreciated. The CSS is the generic bootstrap min css.</p>