引導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不工作（導航欄）

回答

相關問題