title: How to display a div on the top of another in a container (Bootstrap)?
body: <p>I've added this <code>div</code> containing a date picker and I've done it in a form, since there will be more fields later, but the first one I've added displays next to the table, instead of above. I've seen many answers to a similar question, but none applied to my situation.</p>
  <p>This <a href="https://jsfiddle.net/santosonit/8dqyswu7/3/#&amp;togetherjs=BexF4koFNg" rel="nofollow noreferrer">Fiddle</a> shows it correctly.</p>
  <p>Here's the container's piece of code:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;container-fluid&quot; id=&quot;container&quot;&gt;
    &lt;br&gt;
    &lt;div id=&quot;page&quot; style=&quot;color:#373737&quot;&gt;
      &lt;div class=&quot;row justify-content-around&quot; id=&quot;selectFieldsDiv&quot;&gt;
        &lt;div class=&quot;col-md-3 form-group&quot;&gt;
          &lt;label for=&quot;agencySelect&quot;&gt;Choose&lt;/label&gt;
          &lt;select id=&quot;agencySelect&quot; onchange=&quot;loadClientsFromSS(selectedAgency())&quot;&gt;
            &lt;option value=&quot;&quot;&gt;&lt;/option&gt;
            &lt;option value=&quot;option1&quot;&gt;Option1&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
  
        &lt;div class=&quot;col-md-3 form-group&quot;&gt;
          &lt;label for=&quot;clientSelect&quot;&gt;Choose&lt;/label&gt;
          &lt;select id=&quot;clientSelect&quot; onchange=&quot;loadClientTasks(selectedClient())&quot;&gt;
            &lt;option value=&quot;dsadads&quot;&gt;Option1&lt;/option&gt;
          &lt;/select&gt;
        &lt;/div&gt;
  
        &lt;div class=&quot;col-md-3 form-group&quot;&gt;
          &lt;div id=&quot;addTaskBtnSpot&quot;&gt;&lt;button id=&quot;addTaskBtn&quot; type=&quot;submit&quot; class=&quot;btn btn-primary&quot; onclick=&quot;addTaskFields()&quot;&gt;Add task&lt;/button&gt;&lt;/div&gt;
          &lt;div id=&quot;cancelTaskBtnSpot&quot;&gt;&lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  
    &lt;br&gt;
    &lt;div id=&quot;addTaskFieldsDiv&quot;&gt;
      &lt;form&gt;
        &lt;label for=&quot;birthday&quot;&gt;Birthday:&lt;/label&gt;
        &lt;input type=&quot;date&quot; id=&quot;birthday&quot; name=&quot;birthday&quot;&gt;
      &lt;/form&gt;
    &lt;/div&gt;
  
    &lt;div class=&quot;row&quot; id=&quot;tableDiv&quot;&gt;
      &lt;div class=&quot;col&quot;&gt;
        &lt;div id=&quot;search-results&quot; class=&quot;table-responsive&quot;&gt;
          &lt;div class=&quot;card&quot; id=&quot;card&quot;&gt;
            &lt;table class=&quot;table table-borderless table-hover&quot; id=&quot;dtable&quot;&gt;
              &lt;thead style=&quot;white-space: nowrap&quot;&gt;
                &lt;tr&gt;
                  &lt;th style=&quot;width: 4%&quot; class=&quot;text-center&quot;&gt;Client ID&lt;/th&gt;
                  &lt;th style=&quot;width: 4%&quot; class=&quot;text-center&quot;&gt;Task No&lt;/th&gt;
                  &lt;th style=&quot;width: 25%&quot; class=&quot;text-center&quot;&gt;Task&lt;/th&gt;
                &lt;/tr&gt;
              &lt;/thead&gt;
  
              &lt;tbody&gt;
                &lt;tr&gt;
                  &lt;td class=&quot;align-middle&quot; style=&quot;word-wrap: break-word;max-width: 160px;text-align:center&quot;&gt;AC002&lt;/td&gt;
                  &lt;td class=&quot;align-middle&quot; style=&quot;word-wrap: break-word;max-width: 160px;text-align:center&quot;&gt;1&lt;/td&gt;
                  &lt;td class=&quot;align-middle&quot; style=&quot;word-wrap: break-word;max-width: 160px;text-align:center&quot;&gt;Review and approve on page recommendations&lt;/td&gt;
                &lt;/tr&gt;
  
                &lt;tr&gt;
                  &lt;td class=&quot;align-middle&quot; style=&quot;word-wrap: break-word;max-width: 160px;text-align:center&quot;&gt;AC002&lt;/td&gt;
                  &lt;td class=&quot;align-middle&quot; style=&quot;word-wrap: break-word;max-width: 160px;text-align:center&quot;&gt;2&lt;/td&gt;
                  &lt;td class=&quot;align-middle&quot; style=&quot;word-wrap: break-word;max-width: 160px;text-align:center&quot;&gt;Review and approve content recommendations&lt;/td&gt;
                &lt;/tr&gt;
              &lt;/tbody&gt;
            &lt;/table&gt;
          &lt;/div&gt;
  
          &lt;br&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>Appreciate our help!</p>
  <p><a href="https://i.stack.imgur.com/9Druq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9Druq.png" alt="This is what it looks like, with the table on the far right" /></a></p>