title: bootstrap 3 column responsive
body: <p>how do I achive this in bootstrap. I have a 3 column and want to stay 3 column be it on mobile or desktop.</p>
  
  <pre><code>&lt;div class="container"&gt;
      &lt;div&gt;
          &lt;h1&gt;Example - 3 column div&lt;/h1&gt;
          &lt;div class="row"&gt;
            &lt;div class="col-xs-6 col-sm-4"&gt;First&lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4"&gt;Second&lt;/div&gt;
            &lt;div class="col-xs-6 col-sm-4"&gt;Third&lt;/div&gt;
          &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>on desktop</p>
  
  <pre><code>First | Second | Third
  </code></pre>
  
  <p>on mobile it become like this</p>
  
  <pre><code>First | Second  
  | Third
  </code></pre>
  
  <p>I want to achieve this on desktop and mobile</p>
  
  <pre><code>First | Second | Third
  </code></pre>
  
  <p>Here are the fiddle -> <a href="https://jsfiddle.net/y28ugzp6/" rel="nofollow noreferrer">https://jsfiddle.net/y28ugzp6/</a></p>