引导CSS不工作（导航栏）

-3

在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>

这是我从引导复制的代码，我已经使用扩展类尝试，但它并没有解决它。

来源

2017-10-28 ethacker

您的问题将被关闭。你需要在这里发布你的标记，而不是你的网站，这将改变或消失，在未来帮助没有人：[mcve] – Rob

在您的<nav>元素上使用navbar-expand-md而不是navbar-toggleable-md。

来源

2017-10-28 19:04:53 Dominofoe

请不要回答主题问题。答好问的问题不是所有的问题都可以或者应该在这里得到解答。节省自己的一些挫折，避免尝试回答在堆栈溢出时不提供代码或标记的问题。 https://stackoverflow.com/help/how-to-answer – Rob

我试过了，并且它不会改变任何东西。 – ethacker

你的代码是缺少类navbar-expand-lg该类.navbar-expand{-sm|-md|-lg|-xl}类时，其内容折叠某一按钮后面改变。

<nav class="navbar navbar-toggleable-md navbar-expand-lg navbar-light bg-faded">

来源

2017-10-28 19:05:49

引导CSS不工作（导航栏）

回答

相关问题