Question

出于某种原因，当我点击煎饼按钮时，我能够使用z-index将菜单显示为块，但是在菜单元素列表中。所以“块”不是整个导航栏，而只是列出其他页面链接的部分，我不知道为什么。我试图钻进css并使用块元素而没有运气。

以下是导航栏的html：

db.collection.aggregate([
    { "$group": { "_id": null, "total": { "$sum": "$amount" } } }
])

和css：

<nav class="navbar navbar-default">

<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
            data-target=".navbar-collapse" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="/hug/">Hug a Tree</a>
</div>
<div class="collapse navbar-collapse">
    <ul class="nav navbar-nav pull-right">
        <li><a href="{% url 'about' %}">about</a></li>

        {% if user.is_authenticated %}
        <li><a href="{% url 'profile' %}">profile</a></li>
        <li><a href="{% url 'favourites' %}" class="fav">f<span style="color:#e48666">a</span>vourites</a></li>
        <li><a href="{% url 'logout' %}">logout</a></li>


        {% else %}
        <li><a href="{% url 'register' %}">register</a></li>
        <li><a href="{% url 'login' %}">login</a></li>

        {% endif %}
    </ul>
</div>
</nav>

任何见解都会很棒。

感谢。

Answer 1

Alexis Jensen 你好。您在此代码行中使用了一个类pull-right ...
<ul class="nav navbar-nav pull-right">

如果您移除pull-right课程，它将会扩展这就是你想要的全部吗？

Answer 2

我认为这是您尝试做的jsfiddle

pull-right自v3.1.0起已弃用，已替换为navbar-right。

导航栏上的Bootstrap（数据切换）下拉菜单不显示为块

2 个答案: