html - Bootstrap 4,材料套件 - 导航栏切换器不起作用
问题描述
我有带有移动导航栏工具的导航栏,但是,这不起作用。我正在使用material-kit,这是在我的网站上。我想使用它,因为这是非常酷的 CSS。
<head>
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:400,700|Material+Icons" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css">
<link href="https://hamsterofficial.eu/css/material-kit.css?v=2.0.4" rel="stylesheet"/>
<head>
<nav class="navbar navbar-color-on-scroll fixed-top navbar-expand-lg" color-on-scroll="100" id="sectionsNav">
<div class="container">
<div class="navbar-translate">
<a class="navbar-brand" href="">TEST WEBSITE </a>
<button class="navbar-toggler" type="button" data-toggle="collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a href="" class="btn btn-info" data-toggle="dropdown">test link</a>
</li>
<li class="nav-item">
<a href="/blog" class="nav-link">Blog</a>
</li>
<li class="nav-item">
<a href="/autors" class="nav-link">Autors</a>
</li>
<li class="nav-item">
<a href="/login" class="btn btn-rose btn-raised btn-round" data-toggle="dropdown"><i class="material-icons">input</i> Sign up</a>
</li>
</ul>
</div>
</div>
</nav>
<script src="https://hamsterofficial.eu/js/core/jquery.min.js" type="text/javascript"></script>
<script src="https://hamsterofficial.eu/js/core/popper.min.js" type="text/javascript"></script>
<script src="https://hamsterofficial.eu/js/core/bootstrap-material-design.min.js" type="text/javascript"</script>
解决方案
推荐阅读
- xamarin.forms - Xamarin.Forms 计算动画会大大降低帧率
- haskell - Cabal 中暴露的库模块和依赖模块有什么区别?
- user-interface - MATLAB中的交互式图形?
- java - JScrollPane | 爪哇
- sql-server - SQL 性能 使用 DateTime 或 int 作为索引
- reactjs - 在 React-hooks 中不使用 useEffect 调用 api
- sql - PSQL 正面交锋战胜对手(按日期)
- postfix-mta - Fail2Ban 过滤器忽略 postfix 和 dovecot 中的特定用户名
- python - 如何在python中推断规则网格的点
- reactjs - 编译 react npm 自制模块的最快方法是什么?