css - Bootstrap 没有响应

标签 css twitter-bootstrap responsive-design

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

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

    // Articles

.article {
    .makeRow();        
}

.article-content {
    .makeColumn(7);

}

在调整页面大小时出现水平滚动条。

快速检查 CSS 显示我的文章内容列的宽度为 540 像素;不管我的屏幕尺寸是多少。

最佳答案

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

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

关于css - Bootstrap 没有响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15708555/

相关文章:

html - Bootstrap 获取 div 居中对齐

html - 如何使用 CSS Grid 和自动填充/适合来限制较大视口(viewport)中的列数?

html - Bootstrap 4 : Align items inside flexbox item

css - 使无序列表跨越 100% 的 div 宽度

html - Bootstrap 输入组插件样式

css - 像素边框和百分比宽度比例

html - 响应问题的困难

javascript - Laravel,我网站上的所有点击事件都已停止工作

html - 使用 Bootstrap 的登录/注册页面

javascript - Twitter bootstrap 工具提示显示在模态后面