简体   繁体   English

Twitter引导崩溃,但无法在移动视图中正确显示

[英]Twitter bootstrap collapsing but not showing properly in mobile view

I am designing a website but when I view it on mobile view the carousel doesn't show with 100% width and also the nav off sets a bit. 我正在设计一个网站,但是当我在移动视图上查看该轮播时,其轮播不会以100%的宽度显示,并且导航功能也有所设置。

Heres a picture. 这是一张图片。

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

My code is pretty much the base Bootstrap CSS and I can't figure how to fix the mobile view so it will show properly with .collapse . 我的代码几乎是基本的Bootstrap CSS,我不知道如何修复移动视图,因此它可以通过.collapse正确显示。

The problem is not with the carousel, but with the navbar, it's too wide. 问题不在于轮播,而在于导航栏,它太宽了。

I could not figure this out until I saw the website URL in the lower left corner. 在看到左下角的网站URL之前,我无法弄清楚。 You really should have attached some relevant CSS to your question and maybe a link to the site. 您确实应该在问题上附加一些相关的CSS,也许还可以链接到该站点。 Providing an image as a reference is not enough in most cases. 在大多数情况下,仅提供图像作为参考是不够的。

Add this in your CSS: (on line 45, which you left empty) 将其添加到您的CSS中:( 在第45行,您留为空白)

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM