导航栏项目在引导程序上未对齐

时间:2020-08-26 01:30:43

标签: html css twitter-bootstrap

justify-contentmr-auto,通过CSS等进行的编辑不起作用,并且项目无法对齐 这是我的代码

<nav class="navbar navbar-expand-sm bg-light shadow">
  <ul class="navbar-nav mr-auto">
    <li class="navbar-text">Политех
    </li>
    <li class="nav-item">
        <a class="nav-link" href="https://agpk.kz"> Вернуться на сайт </a>
        </li>
    <li class="nav-item">   
    <a class="nav-link" href"/login"> Войти </a>
    </li>
</ul>
    </nav>

1 个答案:

答案 0 :(得分:1)

我想您想将<li>放在导航栏中间吗? 如果是这种情况,可以将其转换为宽度为父元素100%的d-flex并使其与justify-content-对齐:

<ul class="navbar-nav mr-auto d-flex justify-content-center w-100">