引导CSS不工作(导航栏)
问题描述:
在demo.mobilifytech.com,我努力使引导使用一个网站。导航栏代码无法正常工作。我已经从bootstrap网站上复制了代码,但它仍然没有做到应有的功能。引导CSS不工作(导航栏)
我的问题是:
- 导航栏将自动崩溃,无论屏幕大小。
- 背景颜色没有改变,文本颜色没有改变。 (如navbar-inverse,bg-inverse)
我不确定是什么导致了问题。请检查出来住在demo.mobilifytech.com
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<a class="navbar-brand" href="#">Navbar</a>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Disabled</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
这是我从引导复制的代码,我已经使用扩展类尝试,但它并没有解决它。
答
你的代码是缺少类navbar-expand-lg
该类.navbar-expand{-sm|-md|-lg|-xl}
类时,其内容折叠某一按钮后面改变。
<nav class="navbar navbar-toggleable-md navbar-expand-lg navbar-light bg-faded">
+1
请不要回答主题问题。答好问的问题 不是所有的问题都可以或者应该在这里得到解答。节省自己的一些挫折,避免尝试回答在堆栈溢出时不提供代码或标记的问题。 https://*.com/help/how-to-answer – Rob
您的问题将被关闭。你需要在这里发布你的标记,而不是你的网站,这将改变或消失,在未来帮助没有人:[mcve] – Rob