它是什么意思" Bootstrap的无响应使用"?

时间:2017-02-18 21:45:33

标签: html html5 twitter-bootstrap

在Bootstrap 4 change log中,我看到了

  

不再支持无响应的Bootstrap使用。

这应该是什么意思?我如何知道某些用法何时(非)响应?

2 个答案:

答案 0 :(得分:4)

您可以通过以下步骤禁用Bootstrap 3中的响应,

这是您提到的无响应用法 Source

  1. 省略CSS docs
  2. 中提到的视口<meta>
  3. 使用单个宽度覆盖每个网格层的width上的.container,例如width: 970px !important;请确保这是在默认的Bootstrap CSS之后。您可以选择使用媒体查询或某些selector-fu。
  4. 来避免!important
  5. 如果使用导航栏,请删除所有导航栏折叠和展开行为。
  6. 对于网格布局,除中型/大型之外,使用.col-xs-*类。别担心,超小型设备网格可以扩展到所有分辨率。
  7. Here's the official example

    在Bootstrap 4中,由于不再支持无响应使用,这些可能会破坏样式。

答案 1 :(得分:1)

您可以通过从网站页面删除以下元标记来禁用引导程序的响应性。

<meta name="viewport" content="width=device-width, initial-scale=1">

以下是链接:Disabling responsiveness