title: Horizontal center a select in a div with Bootstrap 4 beta
body: <p>I cannot figure out how to center my select in my div.</p>
  
  <pre><code>&lt;!--PAGE CONTENT--&gt;
  &lt;main role="main" class="container-fluid"&gt;       
      &lt;div class="row text-center justify-content-center"  style="border: 1px solid red;"&gt;   
          &lt;!--SELECT--&gt;
          &lt;select id="selectList" style="width: 200px;"&gt;
              &lt;option&gt;&lt;/option&gt;
              &lt;option value="attendance"&gt;Närvaro&lt;/option&gt;
              &lt;option value="students"&gt;Elever&lt;/option&gt;
          &lt;/select&gt;
          &lt;hr&gt;
  
          &lt;!--Js Content--&gt;
          &lt;div id="jsContent"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/main&gt;
  </code></pre>
  
  <p>I tried difrent bootstrap classes with no result.</p>
  
  <p>Fiddle: <br>
  <a href="https://jsfiddle.net/o9b17p2d/38/" rel="nofollow noreferrer">https://jsfiddle.net/o9b17p2d/38/</a></p>
  
  <p><strong>UPDATE</strong><br>
  When searching for an answer to this question i only found "VERTICAL" centering. That why i think this question should stay with the Horizontal in the Topic!</p>