Those variables are used to create the 12 column fluid grid. @fluidGridColumnWidth and @fluidGridGutterWidth must be such as
12*@fluidGridColumnWidth + 11*@fluidGridGutterWidth < 100 Le dimanche 24 juin 2012 21:25:04 UTC+2, masterexmachina a écrit : > > what does it mean in variables fluidGridColumnWidth in number > 6.34565674346 ? how to calculate that? > > Dana nedjelja, 24. lipnja 2012. 18:59:11 UTC+2, korisnik Sherbrow napisao > je: >> >> 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? >>> >>
