2017-06-13 17 views
0

ブートストラップナビバーにリストアイテムが表示されず、トグルボタンが機能しません。ブートストラップナビバがリストアイテムを表示しない

<nav class="navbar navbar navbar-default fixed-top 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="#"><img src="https://image.ibb.co/fF1j0v/anchor.png" width="30" height="30" class="d-inline-block align-top" alt=""> ShivaWorks</a> 
    <div class="collapse navbar-collapse" id="navbarSupportedContent"> 
    <ul class="navbar-nav mr-auto"> 
     <li class="nav-item active"> 
     <a class="nav-link" href="#about">About<span class="sr-only">(current)</span></a> 
     </li> 
     <li class="nav-item"> 
     <a class="nav-link" href="#portfolio">Portfolio</a> 
     </li> 
     <li class="nav-item"> 
     <a class="nav-link" href="#contact">Contact</a> 
     </li> 
    </ul> 
    </div> 
</nav> 

何か不足していますか?助けてください。

+0

前にコードの最後に

使用はjsfiddleを提供します。 –

+0

https://codepen.io/monsieurshiva/pen/YQWxqw – KopMaverick

+0

Javascriptファイルが含まれていないためです。 –

答えて

1

コードにbootstrap.jsjquery.jsを使用していません。 </html>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>

+0

ありがとう!問題は解決しました – KopMaverick

関連する問題