仅对桌面视图端口大小禁用响应

时间:2014-07-31 12:33:55

标签: css twitter-bootstrap twitter-bootstrap-3

我想禁用我的bootstrap 3.0主题为md,sm响应,我只是希望它在手机查看时看起来不同。

我在链接问题中看到的答案是完全禁用所有内容的响应能力,我只想禁用平板电脑的响应能力,我希望保持手机的响应能力。

有没有办法做到这一点?
我不知道,我可以直接从css文件中做到吗? 我的网站已经构建好,在桌面上运行良好但是当我调整浏览器窗口大小时,很多东西都不合适,它在手机上运行良好。

1 个答案:

答案 0 :(得分:1)

请参见此处:http://getbootstrap.com/examples/non-responsive/

禁用页面响应的步骤

  1. 省略CSS docs中提到的视口
  2. 使用a覆盖每个网格层的.container上的宽度 单宽,例如宽度:970px!important;确保这是后来的 默认的Bootstrap CSS。您可以选择避免使用 对于媒体查询或某些选择器来说很重要。

  3. 如果使用导航栏,请删除所有导航栏折叠和展开 行为。

  4. 对于网格布局,请使用.col-xs- *类作为补充或就地 ,中/大的。别担心,超小型设备
    网格缩放到所有分辨率。

    您仍然需要针对IE8的Respond.js(因为我们的媒体查询是 还在那里,需要加工)。这会禁用"移动设备 现场" Bootstrap的各个方面。