title: Bootstrap column span regardless of screen size
body: <p>In bootstrap, we can use <code>.col-xs-*</code>,<code>.col-sm-*</code>,<code>.col-md-*</code>,<code>.col-lg-*</code> to span <code>*</code> columns depending on screen size.</p>
  
  <p>I'm looking for a css class that allows me to span <code>*</code> columns regardless of screen size. Something like:</p>
  
  <pre><code>&lt;div class="col-all-5"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Looks like it's possible with <code>span*</code>: <a href="https://stackoverflow.com/questions/15671269/simple-twitter-bootstrap-fluid-layout-span5-span5/15671332#comment53397408_15671332">simple twitter bootstrap fluid layout span5 != span5</a>. But I don't know why it does not work on my project. Is it because it's only for bootstrap 2? Is there alternative in bootstrap 3?</p>
  
  <p>At the moment, I'm fixing the issue by using all the css classes for all screen sizes, it looks like this:</p>
  
  <pre><code>&lt;div class="col-xs-5 col-sm-5 col-md-5 col-lg-5"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It's not optimal because there are a lot of duplicates. </p>