Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/306.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Python Dash使用本地引导样式表更改行为_Python_Css_Bootstrap 4_Plotly Dash - Fatal编程技术网

Python Dash使用本地引导样式表更改行为

Python Dash使用本地引导样式表更改行为,python,css,bootstrap-4,plotly-dash,Python,Css,Bootstrap 4,Plotly Dash,我已经从下载了一个引导主题css样式表,并将其放在我的应用程序的资产文件夹中。当我对样式表进行微小更改(例如,增加fontsize)时,应用程序能够找到样式表,这将显示在我的应用程序中 现在我发现,在更改为本地样式表后,引导主题的所有部分都无法正常工作: 复选框菜单似乎与以前使用同一主题的外部样式表时显示的不同 卡片组现在垂直显示,而不是水平显示 我是否缺少引导布局的一部分?我使用的样式表是从中复制的。我认为问题不在于您包含样式的方式,而是样式本身(不同的版本) 似乎与某些仪表板引导组件(平

我已经从下载了一个引导主题css样式表,并将其放在我的应用程序的资产文件夹中。当我对样式表进行微小更改(例如,增加fontsize)时,应用程序能够找到样式表,这将显示在我的应用程序中

现在我发现,在更改为本地样式表后,引导主题的所有部分都无法正常工作:

  • 复选框菜单似乎与以前使用同一主题的外部样式表时显示的不同
  • 卡片组现在垂直显示,而不是水平显示

我是否缺少引导布局的一部分?我使用的样式表是从中复制的。

我认为问题不在于您包含样式的方式,而是样式本身(不同的版本)

似乎与某些仪表板引导组件(平淡地)样式不兼容

让我们看看dash引导组件提供的样式:

import dash_bootstrap_components as dbc

# Find themes available through dash_bootstrap_components
print(dir(dbc.themes)) # ['BOOTSTRAP', 'CERULEAN', 'COSMO', 'CYBORG', 'DARKLY', 'FLATLY', 'GRID', 'JOURNAL', 'LITERA', 'LUMEN', 'LUX', 'MATERIA', 'MINTY', 'PULSE', 'SANDSTONE', 'SIMPLEX', 'SKETCHY', 'SLATE', 'SOLAR', 'SPACELAB', 'SUPERHERO', 'UNITED', 'YETI', '_BOOTSWATCH_BASE', '__builtins__', '__cached__', '__doc__', '__file__', '__loader__', '__name__', '__package__', '__spec__']

# Find FLATLY theme url
print(dbc.themes.FLATLY) # https://stackpath.bootstrapcdn.com/bootswatch/4.5.2/flatly/bootstrap.min.css

app = Dash(__name__, external_stylesheets=[dbc.themes.FLATLY])
因此,dash引导组件版本
0.12.0
与引导样例版本
4.5.2
(以及其他最有可能的版本,但我只测试了这些版本)

我比较了
5.0.1
4.5.2
样式之间的差异,发现
5.0.1
版本没有任何
.card-deck
样式,但是
4.5.2
版本有,这解释了
card-deck
组件看起来不正确的原因

我建议您只使用
dbc.themes.FLATLY
主题,以确保与引导仪表板组件兼容,并根据需要添加额外的样式

重申此问题不是由使用
资产
目录中的本地样式表而不是
外部样式表
引起的。这两种方法都有效。选择你喜欢的方法