我正在重新设计我的网站并将Bootstrap整合到其中。我意识到我有一个来自第三方的移动网站,所以我不需要XS断点。
我试图只显示:none并使用hidden-xs类来处理低于SM断点的所有内容但我宁愿让我的网站处于平板电脑大小,无论你调整窗口的大小。
我如何消除XS断点?有没有人有任何建议?
请告诉我!谢谢!
答案 0 :(得分:1)
实现此目标的最快方法是自定义您自己的Bootstrap构建或使用LESS自行进行更改。
要自定义您自己的构建(http://getbootstrap.com/customize/#media-queries-breakpoints),请将@ screen-xs断点值更改为" 768px"所以它匹配@ screen-sm-min值。
或者,通过将其设置为@ screen-sm-min来覆盖LESS文件中的@ screen-xs变量,如下所示:
@screen-xs: @screen-sm-min;
请注意,从Bootstrap v3.0.1开始,不推荐使用@ screen-xs。