使用CSS启动Bootstrap 3无响应

时间:2015-03-09 15:00:32

标签: css twitter-bootstrap twitter-bootstrap-rails

有很多东西让BS3无响应,但它们似乎都集中在LESS变量上。我虽然使用静态CSS。

http://getbootstrap.com/examples/non-responsive/ http://bigwilliam.com/turn-off-responsive-behavior-for-bootstrap-3/

步骤1(删除视口)和2(静态容器宽度)很容易。但是如何在CSS中设置媒体查询断点?

2 个答案:

答案 0 :(得分:2)

Bootstrap中有一个选项可以customize下载Bootstrap CSS以满足您的需求。如果您按下Bootstrap网站上的链接customize,它将会显示一个页面,其中列出了默认下载Bootstrap CSS时包含的所有组件和实用程序。您可以添加/删除任何这些项目,以创建适合您特定需求的bootstrap版本。

对于您的情况,请删除以下选项(在Common CSS下):

  • 打印媒体样式
  • 响应式公用事业

还有一个部分可以自定义LESS变量并将其编译为自定义.css文件。您可以考虑更改的是媒体查询断点设置,但有许多自定义选项供您浏览。

Bootstrap/Customize看看这里,看看你可以改变的所有选项,希望这会有所帮助!

答案 1 :(得分:0)

将最小宽度设置为html或body元素,这样,如果浏览器宽度小于指定的min-width,页面将不会调整大小。但使用bootstrap的重点是轻松开发响应式网站,所以如果你不需要响应式bootstrap,你就会做一些非常错误的事情。

html { min-width: 1000px; }