简体   繁体   English

Bootstrap的响应能力

[英]Responsiveness with Bootstrap

I'm trying to disable bootstrap's responsiveness on my main page for my website, but the instructions are completely alien to me. 我正尝试在我的网站主页上禁用引导程序的响应能力,但说明对我来说完全陌生。 Could someone could just explain what they mean and what I have to do to the code. 有人可以解释一下它们的含义以及我对代码必须做什么。

The instructions for disabling Bootstrap's responsiveness are here: 禁用Bootstrap响应的说明如下:

http://getbootstrap.com/getting-started/#disable-responsive http://getbootstrap.com/getting-started/#disable-response

  1. You need to remove the following `meta tag from the head of your page: 您需要从页面顶部删除以下`meta标记:

     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  2. In your css file add: 在您的css文件中添加:

     .container { width: 970px !important; } 
  3. Remove the collapse navbar classes from your navbar 从导航栏中删除折叠导航栏类

  4. In grid system just use the .col-xs- class 在网格系统中,只需使用.col-xs-

Bootstrap documentation itself explains you how to disable responsive features but it's not so clear. Bootstrap文档本身向您说明了如何禁用响应式功能,但尚不清楚。

Here is a post that explains that step by step: http://coderpills.wordpress.com/2014/05/11/how-to-use-twitter-bootstrap-3-for-non-responsive-site/ 这是逐步解释该问题的帖子: http : //coderpills.wordpress.com/2014/05/11/how-to-use-twitter-bootstrap-3-for-non-response-site/

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM