【问题标题】:Bootstrap not responsive引导程序没有响应
【发布时间】:2013-03-30 02:20:33
【问题描述】:

是我还是 Twitter bootstrap 使用 LESS 根本没有响应?

一个测试站点我设置了以下内容:

    // Articles

.article {
    .makeRow();        
}

.article-content {
    .makeColumn(7);

}

在调整页面大小时,我得到了水平滚动条。

快速检查 CSS 显示我的文章内容列的宽度为 540 像素;与我的屏幕尺寸无关。

【问题讨论】:

  • 你是否包含了 responsive.js?
  • 是的 responsive.js 包括在内。以及 responsive.less

标签: css twitter-bootstrap responsive-design


【解决方案1】:

makeColumn mixin 输出静态网格。试试这个:

.article-content {
   #grid > .fluid .span(7)
}

【讨论】:

  • 那行不通。我使用的是固定的 .container,而不是容器流体
  • 对不起,我读到你的问题是想在调整浏览器大小时调整列宽,这需要一个流畅的网格。你的 css 中有媒体查询吗?
猜你喜欢
  • 2018-05-13
  • 2021-05-03
  • 2018-10-20
  • 1970-01-01
  • 2023-03-07
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多