python - 位置破折号引导导航栏
问题描述
我有一个导航栏,我希望链接位于中心。我现在使用类名“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"
)
解决方案
使用mr-auto
而不是ml-auto
.
随着mr-auto
您在右侧获得保证金。这就是您想要的,因为您希望具有此类(Nav
组件)的元素显示在左侧。
与问题无关,但是您将一个Nav
组件嵌套在另一个组件中,这似乎是不必要的。此外,您已将NavbarToggler
组件放在中间,这意味着该组件生成的汉堡按钮也将显示在中间。
推荐阅读
- c++ - 多个用户在 Web 浏览器界面上访问的 Qt 应用程序
- c# - 为什么单击事件在服务器上创建时不起作用
- css - 如何在 Sublime 中使用 CSScomb.sublime-settings
- angular - 在科尔多瓦中使用 facebook 连接插件后,Angular 应用程序中断
- python - 插入排序的实现不正确,还是对时间复杂度的理解不正确?
- ruby-on-rails - 两个命名空间模型上的 ActiveRecord::StatementInvalid
- matlab - 如何在 MATLAB 中正确使用 ode45 函数用于差动驱动机器人?
- python - Python 2to3 不会改变 #!/usr/bin/python
- vba - VBA 向下列检查字符串值?
- javascript - Safari webkitAudioContext.createBuffer API 引发 NotSupportedError 异常