css - 创建新的 twitter-bootstrap 响应列大小

Question

Atm 我正在使用 col-lg、col-md、col-sm 和 col-xs

碰巧 col-xs 设置为宽度 768px，我猜。

我怎样才能创建一个新的 col-xxs 或更小的东西，例如。宽度 480 像素？

score 2 · Accepted Answer

您可以使用以下方法来完成此操作。我个人在我的项目中链接到 bootstrap CDN 并保留本地版本的 bootstrap，这样我就可以针对我的站点特定样式利用它的 mixin，我将在其中放置以下内容......

@media (max-width: $screen-xs-min) {
  @include make-grid(xxs);
}

score 1 · Accepted Answer

只是有完全相同的需求，想知道为什么我以前从未有过。这是关于它的非常深入的讨论；

我发现这里最有用的要点来自 Jakobud；

要点；

我不能说 LESS 版本，我使用的是 Sass 版本，它非常棒。

score 0 · Accepted Answer

不幸的是，@4dgaurav 的答案不足以在使用 Bootstrap 的 LESS 源时引入新的断点。还有更多代码可以覆盖变量。

如果您使用的是 LESS，您可以使用这两个额外的断点（经过测试！）：https ://github.com/brgrz/bootstrap-breakpoints

高温高压

3 回答 3