Align divs horizontally side by side via Bootstrap css

To align divs horizontally side by side, Bootstrap offers “col-xs-?” class for div tag.
the whole page has 12 columns in a row via it’s flexgrid system. Just add class=”col-xs-?” (substitute “?” with whatever number of columns you need), just make sure that every row sums up to 12 columns:

<div class="container">
  <div class="row">
   <div class="col-xs-3">First div</div>
   <div class="col-xs-9">Second div</div>
  </div>
</div>
  • Done!

This article was written by UzLA