Bootstrap - 如何强制col-xs-12自定义最小浏览器窗口宽度？

Question

我有两个Bootstrap行。像这样：

<div class="row">
  <div class="col-xs-12 col-sm-6">...</div>
  <div class="col-xs-12 col-sm-6">...</div>
</div>

我想强制列执行＆＃34; col-xs-12＆＃34;窗口宽度<= 720px。

如何实现这一目标？

Answer 1

默认行为是col-xs-number类在屏幕上工作的宽度最小，直到屏幕达到768px。屏幕大于768px后，它会进入col-sm-number级。

因此，如果您希望xs用于屏幕直到720px并且sm要从720px到默认992px（来自col-md-number类），您需要进入Bootstrap的css文件并编辑{{ 1}}所有@media (min-width: 768px) {}类的内容。

以下是最新的Bootstrap版本（v3.3.5）的示例。如果您打开bootstrap.css文件，则从第1778行开始，直到第1936行。

col-sm-number