Twitter bootstrap 如何向Bootstrap 3添加更多断点

Twitter bootstrap 如何向Bootstrap 3添加更多断点,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,您能告诉我如何向Bootstrap 3添加更多断点吗?正如您所知,Bootstrap为网格系统提供了4个预定义断点: @screen-xs = 480px @screen-sm = 768px @screen-md = 992px @screen-lg = 1200px 我发现可以用更少的资源向引导添加更多断点,但不幸的是,我找不到任何教程来说明如何做到这一点。例如,如果我想添加一个新的断点,如 @screen-lgB = 1600px 你能告诉我怎么做吗?谢谢我认为此链接将解决您的问题:

您能告诉我如何向Bootstrap 3添加更多断点吗?正如您所知,Bootstrap为网格系统提供了4个预定义断点:

@screen-xs = 480px
@screen-sm = 768px
@screen-md = 992px
@screen-lg = 1200px
我发现可以用更少的资源向引导添加更多断点,但不幸的是,我找不到任何教程来说明如何做到这一点。例如,如果我想添加一个新的断点,如

@screen-lgB = 1600px

你能告诉我怎么做吗?谢谢

我认为此链接将解决您的问题:


嗨,Mekaeil,谢谢你的评论,但我想通过更少的资源来定制核心代码。我的意思是不使用媒体查询。如果你还没有使用较少的和半高级的,这就没有任何意义了。打开mixin/grid-framework.less并将其添加到顶部的.make-grid-columns()mixin中。然后打开/mixins/grid.less(注意,它位于mixins/中,并在//生成大列之后添加网格,然后打开less/grid.less(不在mixins目录中)然后你需要打开responsive-utilities.less,像其他人一样为你的新column类添加你的responsive utilities。感谢Christina,我以前从未使用过less,不过,我会按照你评论的步骤编译它。