Bootstrap导航栏文本对齐

Question

当我想添加一个导航栏文本时，它会向上推文本以及navbar-item。如何使其与左侧的项目对齐？因为如果我删除文本，一切似乎都很好，但我想在那里有文本。

printf "To update with pip: pip install -U"
pip list --outdated 2>/dev/null | gawk '{print $1;}' | while read; do pip show "${REPLY}" 2>/dev/null | grep 'Location: /usr/local/lib/python2.7/dist-packages' >/dev/null; if (( $? == 0 )); then printf " ${REPLY}"; fi; done; echo

Answer 1

仅在navbar-text ...

上使用li

<ul class="navbar-nav ml-auto">
    <li class="navbar-text">
        user.get_full_name
    </li>
    <li class="nav-item">
        <a class="nav-link" href="{% url 'site:logout' %}"><i class="fa fa-power-off"></i> Logga ut </a>
    </li>
</ul>

https://www.codeply.com/go/rHJhDbPuOP

另一种选择是从margin-bottom移除mb-0（<p>} ...

<li class="nav-item">
    <p class="navbar-text mb-0">full_name</p>
</li>