Bootstrap下拉菜单，第一个元素为空

我在Bootstrap 3中创建了一个简单的下拉菜单，但第一个元素看起来是空的。我想删除它，但不知道如何。还有什么我想删除主菜单和下拉菜单之间的空白区域。任何想法如何？Bootstrap下拉菜单，第一个元素为空

实际看：http://s11.postimg.org/fnbx9j177/Screenshot_from_2016_09_21_10_40_40.png

代码：

 

<li class="dropdown"> 
    <a href="#" role="button" class="dropdown-toggle" data-delay="175" data-hover="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Projects 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Another action</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Something else here</a></li> 
    </ul> 
</li>

干杯。

来源

2016-09-21 vossen

你的html在哪里？ –

你能提供我们你的代码吗？ –

更新您的html代码 –

根据您提供的代码，它没有问题。没有空的元素。

请检查：Live Sample

<li class="dropdown"> 
    <a href="#" role="button" class="dropdown-toggle" data-delay="175" data-hover="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Projects 
    <ul class="dropdown-menu"> 
     <li><a href="#">Action</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Another action</a></li> 
     <li role="separator" class="divider"></li> 
     <li><a href="#">Something else here</a></li> 
    </ul> 
</li>

如果您在现场直播，刚刚更新的链接。其他职位必要的代码。我们会帮助你。

编辑-1：

您忘记关闭锚标记。

来源

2016-09-21 09:13:14

网站现在不在任何地方上传。有一个完整的导航栏代码：https：//gist.github.com/anonymous/0d62039cdf9a408e36578948f34e0784 – vossen

关闭''锚标记 –

好的，我自己解决了这个问题。其中有一个缺失

</a>

标签一致：

<a href="#" role="button" class="dropdown-toggle" data-delay="175" data-hover="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Projects

教训：始终关闭所有标签

干杯。

来源

2016-09-21 09:49:58 vossen

<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> 
 
<li class="dropdown"> 
 
    <a href="#" role="button" class="dropdown-toggle" data-delay="175" data-hover="dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Projects 
 
    <ul class="dropdown-menu"> 
 
     <li><a href="#">Action</a></li> 
 
     <li role="separator" class="divider"></li> 
 
     <li><a href="#">Another action</a></li> 
 
     <li role="separator" class="divider"></li> 
 
     <li><a href="#">Something else here</a></li> 
 
    </ul> 
 
</li>

没有问题，我有Found.Working精细。你可以添加一个屏幕截图。

来源

2016-09-21 10:12:47

你应该添加这两个JS脚本文件以上下拉工作正常。 –

Bootstrap下拉菜单，第一个元素为空

回答

相关问题