CSS 响应式布局中的 Twitter 引导程序最小宽度
声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow
原文地址: http://stackoverflow.com/questions/13716562/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Twitter bootstrap minimum width in responsive layout
提问by MB.
Is there a way to tell bootstrap to not shrink the elements when the resolution is smaller than:
当分辨率小于以下值时,有没有办法告诉引导程序不要缩小元素:
/* Portrait tablet to landscape and desktop */.
@media (min-width: 768px) and (max-width: 979px) { ... }
I want to support the large desktops and tablets screen, but nothing responsive below that resolution.
我想支持大型台式机和平板电脑屏幕,但在该分辨率以下没有任何响应。
采纳答案by xbonez
回答by Adam B
Adding the min-width property wont stop the grid system from messing up though, as the classes span1-12 will still become smaller when resizing!
添加 min-width 属性不会阻止网格系统混乱,因为在调整大小时,span1-12 类仍然会变小!
The best option is visit http://twitter.github.com/bootstrap/customize.htmland untick "Narrow tablets and below (<767px)" on the responsive section, then download your custom bootstrap.
最好的选择是访问http://twitter.github.com/bootstrap/customize.html并在响应部分取消选中“窄片及以下(<767px)”,然后下载您的自定义引导程序。
回答by MB.
You can remove media query code of mobile screen in bootstrap.css
可以在 bootstrap.css 中删除手机屏幕的媒体查询代码
回答by Matiishyn
I did two steps
我做了两步
set less variable
@screen-sm-min: 10px
. This will stop all bootstrap's media queryAnd just set
min-width
to the top element.
设置较少的变量
@screen-sm-min: 10px
。这将停止所有引导程序的媒体查询并设置
min-width
为顶部元素。
Works for me
为我工作