响应式布局中的Twitter引导程序最小宽度

时间:2012-12-05 04:55:05

标签: css twitter-bootstrap

当分辨率小于:

时,有没有办法告诉bootstrap不缩小元素?
/* Portrait tablet to landscape and desktop */.
@media (min-width: 768px) and (max-width: 979px) { ... }

我想支持大型台式机和平板电脑屏幕,但在此分辨率以下没有任何响应。

4 个答案:

答案 0 :(得分:17)

添加min-width属性不会阻止网格系统搞乱,因为在调整大小时类span1-12仍然会变小!

最好的选择是访问http://twitter.github.com/bootstrap/customize.html并取消勾选"缩小平板电脑及以下(< 767px)"在响应部分,然后下载自定义引导程序。

答案 1 :(得分:2)

您可以在bootstrap.css中删除手机屏幕的媒体查询代码

答案 2 :(得分:1)

我做了两个步骤

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

  2. 只需将min-width设置为顶部元素。

  3. 为我工作

答案 3 :(得分:-3)

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