python - 如何减少/缩小 Python Dash Bootstrap 中两列之间的差距

Question

我正在使用 Dash Bootstrap 网格布局系统，我正在尝试关闭/减少列之间的间隙。有没有办法做到这一点？谢谢你。示例代码:

import dash_bootstrap_components as dbc
import dash_core_components as dcc
import dash_html_components as html
row = html.Div(
    [
        dbc.Row(
            [
                dbc.Col
                (html.Div(dcc.Dropdown
                        (
                        id='dropdown',
                        options=[
                            {'label': 'Option 1', 'value': '1'},
                            {'label': 'Option 2', 'value': '2'},
                            {'label': 'Option 3', 'value': '3'}
                        ],
                        value='1', style={'padding': '15px', 'width': '80%'}
                        ),
                    )
                ),
                dbc.Col
                (html.Div(dcc.Dropdown
                        (
                        id='dropdown-2',
                        options=[
                            {'label': 'Option 4', 'value': '4'},
                            {'label': 'Option 5', 'value': '5'},
                            {'label': 'Option 6', 'value': '6'}
                        ],
                        value='4', style={'padding': '15px', 'width': '80%'}
                        ),))
            ]
        ),
    ]
)
app = dash.Dash(__name__, external_stylesheets=[dbc.themes.BOOTSTRAP])
app.layout = html.Div([row])
if __name__ == '__main__':
app.run_server(port='8085',debug=True)

Answer 1

如果您对不精确的解决方案没有意见，请设置 form=True在 dbc.Row对象将收紧排水沟。
如需更细粒度的控制，请设置 no_gutters=True正如另一个答案中所推荐的那样，以及在 dbc.Col 上对象添加 style={'margin-right': '5px', 'margin-left': '5px'} .您可以根据需要进行调整。对于末端列，您可能希望删除末端的边距。