【问题标题】:Values to set in Bootstrap for custom span and gutter width在 Bootstrap 中为自定义跨度和装订线宽度设置的值
【发布时间】:2013-09-20 02:31:48
【问题描述】:

我正在尝试使用引导程序创建固定布局。我想要 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,但它对我没有帮助。

【问题讨论】:

    标签: css twitter-bootstrap less


    【解决方案1】:
    @gridColumns =  12
    @gridColumnWidth = 92
    @gridGutterWidth  = 12   
    

    将是您的设置,而

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

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

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

    【讨论】:

    • 感谢您的回复。但是 278/3 = 92 并且我得到的 span3 的值是 270px :) 谢谢
    • 它现在可以工作了,我不得不删除响应性代码。非常感谢:)
    • @black_belt - 如果您对默认引导程序进行大量修改,还请查看 less 源 - github.com/twbs/bootstrap/releases/tag/v2.3.2 - less/variables.less 包含您在自定义页面上看到的设置 - 除了您可以在您的项目中更快地编辑它们 - 无需再次下载。
    猜你喜欢
    • 1970-01-01
    • 2014-02-14
    • 1970-01-01
    • 2016-06-01
    • 1970-01-01
    • 2018-08-24
    • 2014-05-16
    • 2014-08-13
    • 1970-01-01
    相关资源
    最近更新 更多