You may encounter problems if you want to wrap some columns, beacause you may not have a spanX that match the sum of the span children.
You can achieve the same column widths by setting the column width to 10px and using a grid of 50 columns. Then your 1st column would be a span12, the 2nd a span6 etc., and the whole page would be a span50. If you want different column sizes, you'll have to do it manually (in your own css file). But if you keep the same width for all columns, there are two options : - you can customize and auto-generate the bootstrap files here : http://twitter.github.com/bootstrap/download.html#variables - or you can use the less files of bootstrap to do it yourself (the settings you are looking for are in the variables.less file) - http://lesscss.org/ With your example, @gridColumns would be 50, @gridColumnWidth 10px and @gridGutterWidth 10px, which make a 50*10+49*10 = 990px wide page. Just try different combinations and see what suits you. Le dimanche 24 juin 2012 17:06:34 UTC+2, masterexmachina a écrit : > > Can each column have custom width that sum up in the end to full width > defined in bootstrap and that whole layout works? > For example I use 10 columns of 90px width and 10px gutter, whole page is > 1000px wide. > So I want, fist column to be 120px, second one to be 60px, third to be > 100px, fourth to be 80px and all others to be 90px > > so when I use span1 or span3 will it work ok in bootstrap? if so ... how > to define those column width? > or all columns MUST be same size? >
