twitter-bootstrap - 在引导程序 3 中禁用某些响应级别？

Question

在 Bootstrap 3 中禁用某些响应级别的最简洁方法是什么？我正在尝试禁用平板电脑级别（col-sm）和宽屏模式（col-lg）。

想知道最简单的方法是什么。

Answer 1

我可以想到三种方法。

第一个我不太喜欢，但我还是会说。

破解打开 grid.less 或 grid.scss（取决于您使用的是哪个）并注释掉 col-sm 和 col-lg 的部分。这将有效地给你你想要的。

第二种解决方案允许您更新您的 bootstap 版本，而不必担心您的更改会被覆盖。但是，它也需要较少或 scss。

制作自己的 grid.less / grid.scss 文件，并且只包含您想要的媒体，我猜媒体就是您的目标。然后使用您自己的文件执行所有包含并交换原始网格文件包含在您自己的网格文件中的位置。这样，您始终可以下载 bootstrap 的干净副本，只要它们的文件位于同一位置，您就应该获得干净的编译。

我在打字时想到的最肮脏的方法是更改​​其他两种尺寸的宽度的变量，以使它们与您的目标尺寸相匹配，md，这可能会产生一些可怕的副作用，但它可能只是工作.

Answer 2

使用这些col-xs-X类，因为它们是恒定的百分比宽度。

<!-- Don't use .container at all or you will have to
     override a lot of responsive styles. -->
<div class="non-responsive">
  <div class="row">
    <div class="col-xs-4">
      <h1>Welcome to Non-responsive Land</h1>
    </div>
    <div class="col-xs-8">
      <!-- More content, more content -->
    </div>
  </div>

使用这种类型的代码

.non-responsive {
  /* Margin/padding copied from Bootstrap */
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;

  /* Set width to your desired site width */
  width: 1170px;
}

欲了解更多信息，请访问链接