title: Bootstrap grid - div next to each other
body: <p>I have a problem with the second div.
   My code actually looks like this:</p>
  
  <pre><code>&lt;div class="container-fluid section" style="height: 100%; background:#F7E999;" id="offer"&gt;
     &lt;div class="container text-center"&gt;
        &lt;div class="row align-items-center"&gt;
           &lt;div class="col"&gt;
              &lt;h1 class="text-light"&gt;Oferta&lt;/h1&gt;
              &lt;div class="col-md-12"&gt;&lt;img src="./image/image1.png" style="width:30%"&gt;Lorem ipsum...&lt;/div&gt;
              &lt;div class="col-md-12"&gt;&lt;img src="./image/image2.png" style="width:30%"&gt;Lorem ipsum...&lt;/div&gt;
           &lt;/div&gt;
        &lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>How can I make a table from divs which has two columns and two rows? I need the Image and first "Lorem ipsum..." in one row and two cols, and same with next two.</p>
  
  <p>I tried to do it like this:</p>
  
  <pre><code>&lt;div class="col-md-12&gt;
  &lt;div class="col-md-6&gt;&lt;/div&gt;
  &lt;div class="col-md-6&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but it doesn't work. Can someone help?</p>