bootstrap中的下拉菜单

-1

我在twitter引导中创建了一个下拉菜单，但它似乎不起作用。当我点击下拉菜单时，它只是在url栏中显示一个无效链接。请帮忙!!bootstrap中的下拉菜单

这里是我的代码：

<!DOCTYPE html> 
<html> 
<head> 
<!-- Latest compiled and minified CSS --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 

<!-- Optional theme --> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css"> 

<!-- Latest compiled and minified JavaScript --> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 
<nav class="navbar navbar-inverse"> 
    <ul class="nav navbar-nav"> 
     <li><a href="#">Home</a></li> 
     <li><a href="#">About</a></li> 
     <li class="dropdown"> 
      <a href="#" class="dropdown-toggle" data-toggle="dropdown">Products <span class="caret"></span></a> 

      <ul class="dropdown-menu"> 
      <li><a href="#"> Girls</a></li>   
      </ul> 

     </li> 

    </ul> 

</nav> 

</body> 
</html>

来源

2015-09-04 Ayusch

什么链接它显示？你期望它做什么？没有任何导航栏中的项目都有链接，它们都转到＃这意味着“保持在此页面上” – dman2306

我不希望任何链接离开页面。我只想让下拉菜单在我点击它时显示下拉菜单。 – Ayusch

基本上你已经说过“这段代码没有做我想做的事”，但是你没有解释你想做什么。 – dman2306

许多部件需要jQuery的正常工作，引导的。你的页面没有加载jQuery。地址：

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

右上面在这里装载bootstrap.min.js，你应该是好去

来源

2015-09-04 12:51:00 dman2306

正确的看起来是错误原因 –

谢谢！有效。解决的办法是在所有引导链接上添加jquery。 – Ayusch

bootstrap中的下拉菜单

回答

相关问题