Css 如何将导航栏链接移动到导航栏的右侧？

我正在制作一个投资组合，希望我的名字在

navbar

的左边，而

navbar

列表项目在右边。我使用了float:right属性，但它没有将列表项向右移动。这是我的密码。顺便说一句，我正在使用引导程序

  <nav class = "navbar navbar-expand-md navbar-dark bg-dark">
    <h1> Aiya Siddig</h1>
    <ul class = "navbar-nav">
        <li class = "nav-item">
            <a class = "nav-link" href = "index.html"> About Me </a>
        </li>
        <li class = "nav-item">
            <a class = "nav-link" href = "portfolio.html"> Portfolio </a>
        </li>
        <li class = "nav-item">
            <a class = "nav-link" href = "contact.html"> Contact </a>
        </li>
    </ul>
</nav>

---

您可以在

nav

中使用

native

bootstrap-responsive

类

如

d-flex

和

justify-between

来将链接移动到导航栏的右侧

要使用

color

您的

h1

只需使用类

text white

将名称显示为白色

color

现场演示：

艾雅·西迪格

@AiyaSiddig欢迎您-很高兴帮助您。别忘了把答案标为已接受。谢谢：）

 .nav-link, .nav-item  {
        font-size: 18px;
        text-align:right;
        float:right;

    }
    
    h1 {
        color: rgb(236, 236, 236);

    }