0

我无法弄清楚这个简单的任务。我需要将按钮放在左侧。

在此处输入图像描述

html

<body>

    <nav class="navbar navbar-dark fixed-top bg-info flex-md-nowrap p-0">

        <a class="navbar-brand col-md-2 mr-0" href="#">Web name</a>

        <button class="btn btn-primary btn-sm float-left">
            <span data-feather="toggle-left"></span>
        </button>

        <span class="text-nowrap" style="color:white; margin-right:20px;"><span data-feather="user"></span>username</span>

    </nav>
...
</body>
4

1 回答 1

2

替换float-left为mr-auto自动右边距。这将使按钮推回左侧。

<nav class="navbar navbar-dark fixed-top bg-info flex-md-nowrap p-0">
    <a class="navbar-brand col-md-2 mr-0" href="#">Web name</a>
    <button class="btn btn-primary btn-sm mr-auto">
        <span data-feather="toggle-left"></span>
    </button>
    <span class="text-nowrap" style="color:white; margin-right:20px;"><span data-feather="user"></span>username</span>
</nav>

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

相关：带有左对齐、居中或右对齐项目的 Bootstrap NavBar

于 2018-04-24T17:01:43.767 回答