title: Arranging Div within div in bootstrap
body: <p>I am creating a website structure with the help of bootstrap.</p>
  
  <p>The problem is while arranging 3 div tags in 1 main div tag, they are not arranging side by side.
  They themselves get arranged one below another.</p>
  
  <pre><code>&lt;div class="col-md-12 collapse" style="border:1px solid blue;" id="part1"&gt;
        &lt;div class="col-md-4" style="border:1px solid green;"&gt;&lt;h5&gt;Part 1.1&lt;/h5&gt;&lt;/div&gt;
        &lt;div class="col-md-4" style="border:1px solid green;"&gt;&lt;h5&gt;Part 1.2&lt;/h5&gt;&lt;/div&gt;
        &lt;div class="col-md-4" style="border:1px solid green;"&gt;&lt;h5&gt;Part 1.3&lt;/h5&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to arrange the 3 div tags one beside another.</p>