在 Dash 中向右移动破折号组件

Question

最近我一直在做这个项目，我想不通，为什么我不能把“主题”下拉菜单放在行的右侧。我试图将我的导航栏（是的，我正在尝试将内容放在导航栏上）与列和行分开，它们具有各自的宽度，但由于某种原因它不起作用。我试过用align也无效

这是我的代码：

navbar = dbc.Navbar(
            [
                html.A(
                    dbc.Row(
                        [
                            dbc.Col([self.imageLoader(list_of_images[0])],width={'size': 1},style={
                                "margin-top":"4px"}),
                            dbc.Col([dbc.NavbarBrand(id="NavbarbrandID",children=[""],style={"font-weight": "500"}, className="ml-2")],width={'size': 1},style={
                                 "margin-top":"4px"
                            }),
                            dbc.Col([
                                 dbc.DropdownMenu(children=[
                                    dbc.DropdownMenuItem("Dark", href="#"),
                                    dbc.DropdownMenuItem("Light", href="#"),
                                    
                                    ],label="Themes",
                                 ),
                                 ],
                                 width={'size': 2,"offset":8},
                                 style={"margin-top":"4px"},
                                 align="center"
                                 
                            )
                        ],align='center',no_gutters=True
                    ), 
                    
                ),
            ],
            id="navbarID",
            color="primary",
            dark=True,
        )

'''

Answer 1

 navbar = dbc.Navbar(
            [       
                self.imageLoader(list_of_images[0]),
                dbc.NavbarBrand(id="NavbarbrandID",children=[""],style={"font-weight": "500"}, className="ml-2"),
                dbc.DropdownMenu(children=[
                    dbc.DropdownMenuItem("Dark", href="#"),
                    dbc.DropdownMenuItem("Light", href="#"),
                ],label="Themes",style={"float":"right"},className="ml-auto"
                )
            ],   
            id="navbarID",
            color="primary",
            dark=True,
        )

在 Dash 中向右移动破折号组件

Moving a dash component to the right in Dash

html

css

navbar

plotly-dash