Get Footer Nav horizontal vs stacked

Dash Python
1

I’m new to Dash and struggling to get my Footer aligned horizontally (see picture). Right now they are just stacked veritically. Suggestions?

Screenshot 2023-05-29 at 7.54.54 PM
Screenshot 2023-05-29 at 7.54.54 PM1311×122 6.4 KB

Here is my code

from dash import html
import dash_bootstrap_components as dbc

footer = html.Footer(
    dbc.Container(
        [
            html.Hr(),
            "© Copyright 2023 my company",
            dbc.NavItem(
                dbc.NavLink(
                    children="Terms of Use",
                    style={"color": "white"},
                    href="/terms-of-use",
                )
            ),
            dbc.NavItem(
                dbc.NavLink(
                    children="Privacy Policy",
                    style={"color": "white"},
                    href="/privacy-policy",
                )
            ),
        ]
    )
)
2

Hi, try wrapping the three components with a dbc.Stack(direction="horizontal")

import dash
from dash import html
import dash_bootstrap_components as dbc

app = dash.Dash(__name__, external_stylesheets=[dbc.themes.SLATE])

footer = html.Footer(
    dbc.Container(
        [
            dbc.Stack(
                [
                    html.Hr(),
                    html.Div(
                        "© Copyright 2023 my company",
                        className='pe-2'
                    ),
                    dbc.NavItem(
                        dbc.NavLink(
                            children="Terms of Use",
                            style={"color": "white"},
                            href="/terms-of-use",
                        ),
                        className='pe-2'
                    ),
                    dbc.NavItem(
                        dbc.NavLink(
                            children="Privacy Policy",
                            style={"color": "white"},
                            href="/privacy-policy",
                        )
                    )
                ],
                direction='horizontal'
            )
        ]
    )
)

app.layout = html.Div(footer)

if __name__ == '__main__':
    app.run_server(debug=True)