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

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-29 20:57:29  来源:igfitidea点击:

Twitter bootstrap minimum width in responsive layout

csstwitter-bootstrap

提问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

You can add the css property min-widthon all the elements you want not to be shrunk.

您可以min-width在所有不想缩小的元素上添加 css 属性。

回答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

我做了两步

  1. set less variable @screen-sm-min: 10px. This will stop all bootstrap's media query

  2. And just set min-widthto the top element.

  1. 设置较少的变量@screen-sm-min: 10px。这将停止所有引导程序的媒体查询

  2. 并设置min-width为顶部元素。

Works for me

为我工作