Bootstrap navbar: flush logo to the left

Dash Python
1

Below is a snippet of dash bootstrap Navbar code. Need help to flush the logo to the left

navvar
navvar2506×224 16.7 KB

Blockquote

logo = dbc.Navbar(
dbc.Container(
[
dcc.Location(id=“url”, refresh=True),
dbc.Row(
[
dbc.Col(dbc.NavbarBrand(‘System A’, className=“ml-2”)),
dbc.Col(html.Img(src=app.get_asset_url(‘logo.png’), height=‘30px’)),
],
align=“center”,
no_gutters=True,
),
dbc.Nav([
dbc.NavLink(“Page 2”, href=“/page-2”, active=“exact”),
dbc.NavLink(“Page 1”, href=“/page-1”, active=“exact”),
dbc.NavLink(“Home”, href=“/”, active=“exact”),
], className=“ml-auto”, navbar=True),
]
),
color=“dark”,
dark=True,
className=“mb-5”,
)

Blockquote

2

If I understand you correctly, I think you can probably set fluid=True on the dbc.Container or remove the dbc.Container entirely to achieve what you want.