Question

到目前为止，我已经尝试了一些尝试让它发挥作用，

到目前为止，我已经尝试过：

// Media queries breakpoints
// --------------------------------------------------

// Extra small screen / phone
// Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
@screen-xs:                  1px;
@screen-xs-min:              @screen-xs;
@screen-phone:               @screen-xs-min;

// Small screen / tablet
// Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
@screen-sm:                  2px;
@screen-sm-min:              @screen-sm;
@screen-tablet:              @screen-sm-min;

// Medium screen / desktop
// Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
@screen-md:                  3px;
@screen-md-min:              @screen-md;
@screen-desktop:             @screen-md-min;

// Large screen / wide desktop
// Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
@screen-lg:                  9999px;
@screen-lg-min:              @screen-lg;
@screen-lg-desktop:          @screen-lg-min;

我已尝试过此Twitter Bootstrap Disable Responsive

将容器和正文更改为style="min-width: 1020px"和style="width: 1020px"

我不确定这是否可行，但我想使用CDNJS来托管引导程序文件但是因为我的设计不允许这样做而没有响应。

任何帮助或方向都会很棒。

由于

Answer 1

不幸的是，CDN通常不打算允许开发人员托管修改后的版本库。

您有几个选择：

使用您之前使用的相同托管版本，但根据需要在应用程序中使用其他样式表覆盖CSS。
不要使用CDN。您也可以自己提供服务，并且有软件可以让您更轻松地管理。
使用不同的名称和fork cdnjs创建一个Bootstrap分支，以添加您的分叉。请注意，除非有大量其他开发人员开始使用它，否则这可能很难被接受。

Answer 2

我不能100％确定这可以解决问题，但您可以尝试将移动设备的视口设置为与桌面屏幕相同的大小。

<meta name="viewport"
      content="width=1024, initial-scale=0.2, minimum-scale=0.2" />

真的不确定，...让我知道如果这是一个垃圾想法，那么我会删除它。

*-scale值就像缩放。缩小时，每英寸/厘米可以有更多内容（像素）。

托管引导程序3.2无响应

2 个答案: