参考:http://stackoverflow.com/questions/15884102/bootstrap-how-do-i-change-the-width-of-the-container
怎么更改contianer 的width?
这样.container{ xxx;}
就可以了吗?
错。that will break everything, since each span
class has a fixed width which is calculated in relation to thecontainer
width.所有我们必须重新计算span1-span12的width。
解决办法:
假设我们想设置widht为1000px.去
Go to the Customize section on Bootstrap site and choose the size you prefer. You'll have to set@gridColumnWidth
and @gridGutterWidth
variables.
For example: @gridColumnWidth = 65px
and @gridGutterWidth = 20px
results on a 1000px
layout.
Then download it.
是怎么计算的?
12*(gridColumnWidth+gridGutterWidth)-gridGutterWidth=your width.
Theoretically, there are infinite combinations that match 1000px. An example: 12*65 + 11*20 = 1000 (there are only 11 gutters between columns).