小编CaR*_*aRL的帖子

如何在 Bootstrap 5 中将导航项目向右对齐?

我从https://www.codeply.com/go/qhaBrcWp3v复制了导航栏 HTML 代码

示例 6:

<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="d-flex flex-grow-1">
    <span class="w-100 d-lg-none d-block"><!-- hidden spacer to center brand on mobile --></span>
    <a class="navbar-brand d-none d-lg-inline-block" href="#">
        Navbar 6
    </a>
    <a class="navbar-brand-two mx-auto d-lg-none d-inline-block" href="#">
        <img src="//placehold.it/40?text=LOGO" alt="logo">
    </a>
    <div class="w-100 text-right">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#myNavbar">
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>
</div>
<div class="collapse navbar-collapse flex-grow-1 text-right" id="myNavbar">
    <ul class="navbar-nav ml-auto flex-nowrap">
        <li class="nav-item">
            <a href="#" class="nav-link m-2 menu-item nav-active">Our Solution</a>
        </li>
        <li class="nav-item"> …
Run Code Online (Sandbox Code Playgroud)

css alignment navbar bootstrap-5

14
推荐指数
1
解决办法
1万
查看次数

标签 统计

alignment ×1

bootstrap-5 ×1

css ×1

navbar ×1