【发布时间】:2021-12-03 00:50:03
【问题描述】:
是否可以使用dbc.Col 和dbc.Row 函数来设置网格布局不使用引导主题?
当添加例如 codepen.io css 样式表时,即使指定行和列,它也会显示垂直堆叠的所有内容。
不使用 dbc 主题的原因是我想个性化一个外部样式表并使用它。 如果没有办法解决它,是否可以覆盖 dbc 主题?还是修改它们?
import dash
from dash import html
from dash import dcc
import dash_bootstrap_components
app = dash.Dash(__name__, external_stylesheets=['https://codepen.io/chriddyp/pen/bWLwgP.css'])
app.layout = dbc.Container([
dbc.Row([
dbc.Col(html.H5('row 1, col 1')),
dbc.Col(html.H5('row 1, col 2'))
]),
dbc.Row([
dbc.Col(html.H5('row 2, col 1')),
dbc.Col(html.H5('row 2, col 2'))
])
], fluid=True)
if __name__=='__main__':
app.run_server(debug=True)
它是这样显示的:
row 1, col 1
row 1, col 2
row 2, col 1
row 2, col 2
谢谢!
【问题讨论】:
标签: layout grid themes plotly-dash dash-bootstrap-components