html - Twitter Bootstrap 崩溃但未在移动 View 中正确显示

标签 html css twitter-bootstrap

我正在设计一个网站,但是当我在移动设备上查看它时,轮播没有以 100% 的宽度显示,而且导航偏移设置了一点。

这是一张照片。

http://oi45.tinypic.com/30dbh91.jpg

我的代码几乎是基本的 Bootstrap CSS,我不知道如何修复移动 View ,以便它可以通过 .collapse 正确显示。

最佳答案

问题不在于旋转木马,而在于导航栏,它太宽了。

直到我看到左下角的网站 URL,我才明白这一点。您真的应该为您的问题附上一些相关的 CSS,也许还应该附上该网站的链接。在大多数情况下,提供图像作为引用是不够的。

在您的 CSS 中添加:(在第 45 行,您将其留空)

.navbar-wrapper .navbar {
    width: 100%;
}

关于html - Twitter Bootstrap 崩溃但未在移动 View 中正确显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15174432/

相关文章:

javascript - 仅在特定 div 上单击事件

javascript - 在谷歌地图上做一个标记

javascript - 初始化后向 SVG 线添加箭头

jquery - Bootstrap - 按钮切换无法正常工作

html - 溢出滚动而不指定高度?

css - Bootstrap 轮播使我的页脚显示在中间

jquery - 不是选择器在 jQuery 中不起作用

html - 使三个选项卡填充容器的宽度

html - Bootstrap 导航栏折叠样式不正确

jquery - 单击时更改工具提示文本(切换)