位置破折號引導導航欄

Question

我有一個導航欄，我希望鏈接位於中心。 我現在使用類名“ml-auto”將它們放在右側，但我無法管理它們移動到中心。 有誰能幫忙嗎？ 在我的代碼下面。

nav_item = dbc.Nav(
    [
        dbc.NavItem(dbc.NavLink("World Map", active= True, href="/page-1")),
        dbc.NavItem(dbc.NavLink("Table", active= True, href="/page-2")),
        dbc.NavItem(dbc.NavLink("Moran's l", active= True, href="/page-3")),
        dbc.NavItem(dbc.NavLink("Scatter Plots", active= True, href="/page-4"))
    ],
    fill= True
)

navbar = dbc.Navbar(
    [
        html.A(
            # Use row and col to control vertical alignment of logo / brand
            dbc.Row(
                [
                    dbc.Col(html.Img(src= oord_logo, height="100px"), className="ml-5"),
                ],
                align="center",
                no_gutters=True,
            ),
            href="https://plot.ly",
        ),
        dbc.NavbarToggler(id="navbar-toggler"),
        dbc.Nav([nav_item], navbar=True, className="ml-auto",)
    ],
    color="white",
    dark=False,
    className = "mb-5"
)

Answer 1

使用mr-auto代替ml-auto 。

使用mr-auto ，您可以在右側獲得保證金。 這就是您想要的，因為您希望帶有此 class（ Nav組件）的元素顯示在左側。

---

與問題無關，但是您將一個Nav組件嵌套在另一個似乎不必要的組件中。 此外，您將NavbarToggler組件放在中間，這意味着該組件生成的漢堡按鈕也將顯示在中間。