css - 在 Bootstrap 中为自定义跨度和装订线宽度设置的值

Question

我正在尝试使用引导程序创建固定布局。我想要 span3 = 278px 的值和装订线宽度 = 12px; 布局的总宽度应在 1142px 左右

我已经尝试过这个http://getbootstrap.com/2.3.2/customize.html工具来获得解决方案，但它没有给我结果，可能是因为我没有提供正确的值。

您能否告诉我以下值应该是什么才能达到结果？

@gridColumns =  ?
@gridColumnWidth = ?
@gridGutterWidth  = ?   
@gridColumnWidth1200 = ?
@gridGutterWidth1200 = ?
@gridColumnWidth768 = ?
@gridGutterWidth768 = ?

我已经检查了这个https://stackoverflow.com/a/12286772/1209690但它对我没有帮助。

Answer 1

@gridColumns =  12
@gridColumnWidth = 92
@gridGutterWidth  = 12   

将是您的设置，而

@gridColumnWidth1200 = ?
@gridGutterWidth1200 = ?
@gridColumnWidth768 = ?
@gridGutterWidth768 = ?

用于在比当前“标准”更大/更小的分辨率上设置更宽的布局，因此您必须为此调整布局。

如果您需要它，只需重新设计您希望在该屏幕尺寸上具有的布局并重新计算 span3 : spanX / X = @gridColumnWidth。