【问题标题】:Troubleshooting bootstrap nav and fluid rows - Currently non-responsive对引导导航和流动行进行故障排除 - 当前无响应
【发布时间】:2013-07-02 19:09:29
【问题描述】:

我使用引导程序的原因是因为它的所有响应式设计选项。

但现在我要拔头发了,因为它的行为没有响应,尽管所有 css 表(我相信)都嵌入到页眉中。

我注意到了两个问题: 1. 导航栏不整合手机或平板电脑 2. 窗口缩小时页面组件不会垂直重新堆叠

在我做的here的网站中,这两个问题都不存在。我复制并粘贴了我在上一个站点中为我正在处理的新项目 (here) 使用的代码,但有些东西使它无法正常工作。

谁能帮我弄清楚我错过了什么?

【问题讨论】:

  • 确保 bootstrap-responsive.min.css 包含在 bootstrap.min.css 之后 - 如果您仍有问题,您应该使用 Bootply.com 或 JSFiddle 发布您的代码并缩小问题范围。

标签: twitter-bootstrap responsive-design fluid-layout nav


【解决方案1】:

正如@Skelly 所说,确保在 bootstrap.min css 之后添加引导响应 css。

此页面上的许多具有灰色背景的块也有左右填充,这也会干扰引导网格。

EG

.bg_grey_02 {
....
padding: 100px 20px 60px 20px;
...
}

我认为您想从删除这些开始。例如填充:100px 0 60px 0;

.bg_grey_01 和 .bg_grey_03 也一样

祝你好运

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-05-10
    • 1970-01-01
    • 2016-04-15
    • 2022-06-24
    • 1970-01-01
    • 2023-04-07
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多