How to get Bootstrap grid spans narrower than span1?

[sarath6]

I have a five column grid. I've initially set them up as so:\[code\]<div class="row"> <div class="span1">...</div> <div class="span3">...</div> <div class="span1">...</div> <div class="span4">...</div> <div class="span1">...</div></div>\[/code\]The first column contains one of two icons, both of the same width: 18px. span1 resolves to 60px, however, so there's a lot of wasted space.How do I declare a column that's 18px?This only affects one page of my app, so it's not enough to customise the entire Bootstrap CSS, right?