我正在尝试为 Bulma 的导航栏编写下拉菜单,但现在似乎有问题,谁能帮我找出原因?
<nav class="nav has-shadow">
<div class="container">
<div class="nav-left">
<a class="navbar-item is-tab is-active" href="http://bulma.io/documentation/overview/start/">Home</a> <a class="navbar-item is-tab" href="http://bulma.io/documentation/overview/start/">Profile</a> <a class="navbar-item is-tab" href="http://bulma.io/documentation/overview/customize/">Education</a> <a class="navbar-item is-tab" href="http://bulma.io/documentation/overview/classes/">Skills</a> <a class="navbar-item is-tab" href="http://bulma.io/documentation/overview/modular/">Housing</a> <a class="navbar-item is-tab" href="http://bulma.io/documentation/overview/modular/">Activity</a>
<div class="navbar-item has-dropdown is-hoverable" style="margin-left: auto; display: inline-flex;">
<a class="navbar-link"><i class="fa fa-user"></i> Dave Fox</a>
<div class="navbar-dropdown" style="left: initial; right: 0;">
<div class="navbar-item">
<div>
<small><a href="/account/language">Account Settings - Language</a></small>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
这是我的 JS 文件:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://holorp.com/assets/bulma/0.5.0/js/bulma.js"></script>
<script src="https://holorp.com/assets/holorp/2.1/js/holorp.js"></script>
然后我只是使用默认的 Bulma CSS