Html 导航栏不可单击
我正在学习如何写一个网站,但我有问题。我有一个带下拉菜单的导航栏,我可以点击下拉菜单进入另一个页面,但没有下拉菜单的项目不能。例如,我可以点击HTML CSS进入该页面,但如果点击机器学习,我就不能 这是我的导航条形码和Css:Html 导航栏不可单击,html,css,Html,Css,我正在学习如何写一个网站,但我有问题。我有一个带下拉菜单的导航栏,我可以点击下拉菜单进入另一个页面,但没有下拉菜单的项目不能。例如,我可以点击HTML CSS进入该页面,但如果点击机器学习,我就不能 这是我的导航条形码和Css: ul{ 列表样式类型:无; 保证金:0; 填充:0; 溢出:隐藏; 背景色:#B3E5FC;} 李{ 浮动:左;} 李安,.dropbtn{ 显示:内联块; 颜色:黑色; 文本对齐:居中; 填充:14px 16px; 文本装饰:无;} li a:悬停,.下拉:悬停.d
ul{
列表样式类型:无;
保证金:0;
填充:0;
溢出:隐藏;
背景色:#B3E5FC;}
李{
浮动:左;}
李安,.dropbtn{
显示:内联块;
颜色:黑色;
文本对齐:居中;
填充:14px 16px;
文本装饰:无;}
li a:悬停,.下拉:悬停.dropbtn{
背景色:#6200EA;
颜色:白色;}
li.下拉列表{
显示:内联块;}
.下拉内容{
显示:无;
位置:绝对位置;
背景色:#B3E5FC;
最小宽度:160px;
盒子阴影:0px 8px 16px 0px rgba(0,0,0,0.2);}
.下拉内容a{
颜色:黑色;
填充:12px 16px;
文字装饰:无;
显示:块;
文本对齐:左;}
.下拉内容a:悬停{背景色:#6200EA}
.下拉:悬停.下拉内容{
显示:block;}
.ul{
位置:固定;
顶部:20px0px;
宽度:100%;}
.主动{
背景色:#B3E5FC;
颜色:红色;}
-
-
看起来您将“href”拼错为“herf”
导航条
-
而不是您的代码..您可以将此代码用于响应导航栏..
如需更多参考
谢谢你的建议。
<a herf="machine_learning.html">Machine Learning</a>
<a href="machine_learning.html">Machine Learning</a>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Nav Bar</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<ul class="nav navbar-nav">
<li class="active"><a href="index.html">Home</a></li>
<li class="dropdown"><a class="dropdown-toggle" data-toggle="dropdown" href="#">Code Language<span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="HTML CSS.html">HTML CSS </a></li>
<li><a href="JavaScript.html">JavaScript</a></li>
<li><a href="Java.html">Java</a></li>
<li><a href="Android.html">Android</a></li>
<li><a href="Python.html">Python</a></li>
</ul>
</li>
<li><a href="#">Page 2</a></li>
</ul>
</div>
</nav>
</body>
</html>