如何在Bootstrap中禁用平板电脑的响应能力

Question

是否有任何方法可以仅在平板电脑或上禁用自举功能，以便在px中设置显示的特定尺寸

我希望Bootstrap只响应手机和桌面。

因此，如果在平板电脑上打开页面，则显示屏将显示为桌面显示。

Answer 1

在Bootstrap 3中，进入variables.less文件。查找：

@screen-md: 992px;

将其更改为：

 @screen-md: @screen-sm;

编译。

Answer 2

使用css @media查询。阅读有关媒体查询的信息here。

打开您的bootstrap.css文件。现在，执行 Ctrl + F 并在某处查找@media。它的屏幕大小就像它的参数一样。您只需要注释掉与平板电脑相对应的尺寸。

Answer 3

您可以使用Bootstrap's customizer来实现这一目标。

基本上您想要的是平板电脑布局与桌面布局相同。 Bootstrap确定要显示哪个版本的方式包含4个变量：@screen-xs-min，@screen-sm-min，@screen-md-min和@screen-lg-min，用于额外的小，小，中和大。

超小型通常用于手机，小型平板电脑，中型小型桌面屏幕（或大型平板电脑），大型用于超大型桌面屏幕。请注意，这不是保证，它只是在可用时使用更多的屏幕空间。

所以你想要的是平板电脑断点@screen-sm-min永远不会发生，所以你可以将其值设置为0（或1，我不确定{{ 1}}是可接受的值。

或者，您可以删除所有围绕平板电脑宽度的0查询所包围的CSS。

我建议您阅读有关Bootstrap's responsive utilities的更多信息，最好正确使用它们然后摆脱它们。