title: Bootstrap css column width between col-sm-2 and col-sm-1
body: <p>I am using bootstrap and in certain div i am usign col-sm-2 clas which has a width of 16.6667%. In this width I am seeing my elements quite big.</p>
  
  <p>I also tried with col-sm-1 but this time the elements are too small.</p>
  
  <p>I tried changing this percentage in firebug and I found my perfect percentage 12.5%;</p>
  
  <p>Is there any way to create a col-sm-1_5 class keeping the website being responsive (only should affect to sm environment)?</p>
  
  <p>I tried creating the following class but, of course, this would affect to all the devices (xs,md,lg) not only to sm:</p>
  
  <pre><code>.col-sm-1-5 {
      width: 12.5%;
      float: left;
      min-height: 1px;
      position: relative;
  }
  </code></pre>