Bootstrap 5 深色模式
深色模式
默认情况下,Bootstrap 页面具有白色(浅色)背景颜色。
如果要将整个页面更改为较深的颜色,可以在 <html>
元素中添加 data-bs-theme="dark"
属性。
组件的深色模式
如果您不想将整个页面都设置为较深的颜色,而只想为特定组件设置,则可以将 data-bs-theme="dark"
属性添加到指定的组件。
例如,为表格添加深色模式
或者例如,为下拉菜单添加深色模式
默认情况下,Bootstrap 页面具有白色(浅色)背景颜色。
如果要将整个页面更改为较深的颜色,可以在 <html>
元素中添加 data-bs-theme="dark"
属性。
如果您不想将整个页面都设置为较深的颜色,而只想为特定组件设置,则可以将 data-bs-theme="dark"
属性添加到指定的组件。
例如,为表格添加深色模式
或者例如,为下拉菜单添加深色模式
If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]
If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]