Question

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

实际外观：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>


<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>

干杯。

Answer 1

根据您提供的代码，很好。没有空元素。

请检查：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：

您忘了关闭锚标记。

Answer 2

好的，我自己解决了这个问题。哪里缺少

 </a>

标记在行：

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

获得的经验：始终关闭所有标记

干杯。

Answer 3

＆＃13;

  <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>

＆＃13;

我找不到问题。工作正常。可以添加屏幕截图。

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

3 个答案: