如何将引导开关从 767 更改为 768？答案

【问题标题】：How can i change the bootstrap switch to mobile from 767 to 768?如何将引导开关从 767 更改为 768？
【发布时间】：2014-06-11 05:03:28
【问题描述】：

我的问题听起来很简单，但我自己还没有找到解决方案。

我想要的只是当我有width: 768px 而不是width: 767px 时，对移动网站的更改（将导航栏切换到下拉菜单）发生。原因是 iPad 2 的宽度为 768px。对于这种类型的设备，我希望拥有移动网站。

我已经尝试过更改引导 css 文件（所有 768px 值更改为 769px，所有 767px 值更改为 768px），但没有任何反应。

有人有想法吗？

感谢您的帮助

【问题讨论】：

您的网站是调用 bootstrap.css 还是 bootstrap.min.css？您可能正在更改未被调用的样式表。
检查 .css 中的所有 @media ... 命令
我的网站调用 bootstrap.min.css 但当我更改它时没有任何反应。
能把链接发给我们吗？
这是一个fiddle，我在其中更改了所有媒体条目（768 到 769、767 到 768）。

标签： html css twitter-bootstrap

【解决方案1】：

http://getbootstrap.com/customize/ 允许您设置@grid-float-breakpoint 并下载自定义文件

【讨论】：

【解决方案2】：

如果你自己编译引导程序，你可以很容易地改变它。这并不像听起来那么困难，只需转到此处：bootstrap download link 并单击“下载源代码”链接。在名为“less”的文件夹中，将有一些扩展名为 .less 的文件。使用 less 编译器 (here is a good free one)，您可以将 bootstrap.less 文件编译成 bootstrap.css。现在您可以打开名为 variables.less 的文件并找到 768 的实例并将其更改为 767 并重新编译 bootstrap.less 并且您创建的新 bootstrap.css 文件应该可以按照您想要的方式工作。

以同样的方式，您可以更改任何引导程序的默认行为（颜色、宽度、高度等）

【讨论】：