title: Align two divs horizontally side by side center to the page using bootstrap css
body: <p>Please refer below code what i tried</p>
  
  <pre><code>&lt;div class="row"&gt;
    &lt;div class="center-block"&gt;First Div&lt;/div&gt;
    &lt;div class="center-block"&gt;Second DIV &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>output :</p>
  
  <pre><code>First Div
  SecondDiv
  </code></pre>
  
  <p>Expected output :</p>
  
  <pre><code>                      First Div        Second Div
  </code></pre>
  
  <p>i want to align the two divs horizontally  center to page using bootstrap css. how can i do this ? i dont want to use simple css and floating concept to do this. because i need to make use of the bootstrap css to work in all kind of layouts (i.e. all window size and resolutions ) instead of using media query.</p>