Bootstrap 5 暗模式
暗模式
默认情况下,bootstrap 页面具有白色(浅色)背景颜色。
如果您想将整个页面更改为较暗的颜色,可以在 <html>
元素中添加 data-bs-theme="dark"
组件的暗模式
如果您不想让整个页面具有较暗的颜色,而只想让特定组件具有较暗的颜色,可以在指定的组件中添加 data-bs-theme="dark"
属性。
例如,为表格添加暗模式
或者,例如,为下拉菜单添加暗模式
默认情况下,bootstrap 页面具有白色(浅色)背景颜色。
如果您想将整个页面更改为较暗的颜色,可以在 <html>
元素中添加 data-bs-theme="dark"
如果您不想让整个页面具有较暗的颜色,而只想让特定组件具有较暗的颜色,可以在指定的组件中添加 data-bs-theme="dark"
属性。
例如,为表格添加暗模式
或者,例如,为下拉菜单添加暗模式
如果您想将 W3Schools 服务用于教育机构、团队或企业,请发送电子邮件给我们
sales@w3schools.com
如果您想报告错误,或想提出建议,请发送电子邮件给我们
help@w3schools.com