bootstrap设置默认主题皮肤

本文介绍了如何将一个使用Bootstrap构建的页面的默认皮肤从绿色更改为蓝色。通过查找并修改原生JS文件,作者发现了定义的三种皮肤样式:skin-1、skin-2和skin-3,其中skin-1对应蓝色主题。通过在main.jsp的body标签中添加'skin-1'类,成功将默认皮肤切换为蓝色。
摘要由CSDN通过智能技术生成

bootstrap构建的页面右上方的主题按钮有三种主题样式如下:
在这里插入图片描述

系统默认的皮肤是第一种绿色的皮肤,但是公司希望使用模板里的第二种蓝色皮肤作为默认皮肤,所以经过查找原生js文件发现定义了三种不同的皮肤样式skin-1,skin-2,skin-3,这里面skin-1是蓝色对应的样式,所以我这里在main.jsp的body标签对应的class属性里添加上skin-1就完成了。

<body class="fixed-sidebar full-height-layout skin-1" style="overflow:hidden">
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值