title: Prevent fluid columns from breaking to new line on iPhone screen
body: <p>I am working on my first Bootstrap project and am a little stuck. At the top of the page, I want a logo on the left side and 2 buttons on the right side stacked on top of each other. This is what I have so far:</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
    &lt;div class="row-fluid"&gt;
      &lt;div class="span4"&gt;
        &lt;img src="/img/logo.png" width="120" /&gt;
      &lt;/div&gt;
      &lt;div class="span8"&gt;
        &lt;a class="btn btn-large" href="#" style="width:100%;"&gt;&lt;i class="icon-map-marker"&gt;&lt;/i&gt; Find Location&lt;/a&gt;&lt;br /&gt;
        &lt;a class="btn btn-large" href="#" style="width:100%;"&gt;&lt;i class="icon-comment"&gt;&lt;/i&gt; Call Now&lt;/a&gt;    
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It works as expected on a desktop, but I on the iPhone, the span8 column breaks and appears on the next line. Is there any way to override this?</p>