Align divs horizontally using Bootstrap

Question

I have the following code

<div id="profile" >
  <div class"row">
  <div>
</div>
<div id="principal">
  <div class="row">
  </div>
</div>

I need one div to be at the left and the other div to the right using Bootstrap 3.1.1 or css without forgetting responsive design. Thanks.

Answer 1

See if this works for you!

<div id="profile" class="span4"> // class="column-sm-4"
  <div class"row">
  </div>
</div>
<div id="principal" class="span8"> // class="column-sm-8">
  <div class="row">
  </div>
</div>