title: Bootstrap columns stacking vertically and not horizontally
body: <p>I have a row divided into 3 columns using <code>col-sm-4</code>. Now i expect this row to be divided horizontally into three parts. But it's divided vertically.</p>
  
  <p>See on <a href="http://jsfiddle.net/3uzuf2j7/" rel="noreferrer">Jsfillde</a></p>
  
  <p>Here's my code</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div class="row"  style="padding:13px 15px;"&gt;
          &lt;div class="pull-left span4"&gt;
              &lt;a href=""&gt;&lt;img src="themes/custom/img/logo.png" width="120" alt="logo"/&gt;&lt;/a&gt;
          &lt;/div&gt;
          &lt;div class="pull-right span4"&gt;
              &lt;div class="row"&gt;
                  &lt;div class="col-sm-4"&gt;One&lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;Two&lt;/div&gt;
                  &lt;div class="col-sm-4"&gt;Three&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have kept a logo on the left side and on the right side there is a row that i want to divide horizontally in 3 parts.</p>
  
  <p>What am i doing wrong?</p>