✊🏿 Black Lives Matter. Please consider donating to Black Girls Code today.
🐇 Announcing Dash VTK for 3d simulation graphics. Check out the March webinar.

Dash bootstrap component

Hi,

dbc.row and dbc.col is not working below is the code. Pls help

PLOTLY_LOGO = “https://images.plot.ly/logo/new-branding/plotly-logomark.png”

external_stylesheets = [dbc.themes.BOOTSTRAP]
app = dash.Dash(external_stylesheets=external_stylesheets)

navbar = dbc.Navbar(
[
html.A(

Use row and col to control vertical alignment of logo / brand

dbc.Row(
[
dbc.Col(html.Img(src=PLOTLY_LOGO, height=“50px”)),
dbc.Col(dbc.NavbarBrand(“Navbar”, className=“ml-2”)),
],
align=“center”,
no_gutters=True,
),
href=“https://plot.ly”,
),
],
color=“dark”,
dark=True,
)

image

The Navbar should be next to logo isn’t? please help…

I ran your code and didn’t get the same problem

image

You could try opening the inspector in the browser to try and understand why the placement is happening that way?