对引导程序导航和流体行进行故障排除 - 目前无响应

时间:2013-07-01 23:24:13

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

我使用bootstrap的原因在于它的所有响应式设计选项。

但是现在我把头发拉了出去,因为它没有响应性,尽管事实上所有的css表(我相信)都嵌入到页眉中。

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

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

任何人都可以帮我弄清楚我错过了什么吗?

1 个答案:

答案 0 :(得分:0)

@Skelly所述,请确保在bootstrap.min css之后添加bootstrap响应式css。

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

EG

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

我想你想从删除它们开始。例如填充:100px 0 60px 0;

.bg_grey_01和.bg_grey_03

也是如此 祝你好运