0

我喜欢 Bootstrap，它很棒，但是当我喜欢它们当前的宽度时，它会不断尝试让我的.span3类元素越来越靠近。如何让 Bootstrap 冷静下来，直到.span3需要调整使用该类的元素？可以说，当屏幕尺寸为 1170 像素或更大时，一切都很好，但是，当我达到 980 像素左右时，Bootstrap 将一切都拉近了一点，但我不需要它。我怎样才能告诉 Bootstrap 放松调整，直到屏幕尺寸达到 767px 左右。

我也为你们优秀的天才创建了一个JSFiddle 。

据我所知，媒体查询将是最好的调用，例如：

@media (min-width: 768px){
    .span3: chill out;
}
@media (max-width: 767px){
    .span3: do yo thang;
}
4

1 回答 1

0

这是 Bootstrap 响应能力的一部分。在常规尺寸下，网格列之间的间距为 20 像素，但在巨大的屏幕宽度（1200 像素以上）下，它会将间距放松到 30 像素。

1) 如果您手动编辑 LESS 文件

在“variables.less”中查找这一行。

@gridGutterWidth768:      20px;

将其更改为 30 像素。重新编译 LESS。

2) 如果您正在创建覆盖 CSS 文件

将此包含在您的自定义 CSS 文件中，并确保在引导后包含/导入它。

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    margin-left: -30px;
  }
  [class*="span"] {
    margin-left: 30px;
  }
}
于 2013-03-09T01:09:44.960 回答