jquery - 如何更改 html 文件中的 Bootstrap 数据颜色属性

标签 jquery html css twitter-bootstrap colors

我正在处理模板并希望更改下面的 div 的背景颜色:
<div class="sidebar" data-active-color="blue" data-background-color="wihte">
我注意到我只能在 data-background-color 的黑色和白色之间切换。属性。
除了白色和黑色之外的所有其他颜色选择都会恢复为默认的白色。
如何将此颜色更改为我选择的颜色(在本例中为绿色)?

最佳答案

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="sidebar" style="background: green;">TEXT </div>

<br/>

<div class="sidebar bg-success" >TEXT </div>

我认为不能那样做。但是,您可以向它添加 bg-success 类或 style="background: green;" 还要检查这个:http://bootstrap-colorselector.flaute.com/

关于jquery - 如何更改 html 文件中的 Bootstrap 数据颜色属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45634738/

相关文章:

jquery - 如何使用隐藏和显示 Jquery

jquery - 使用 jquery mobile 动态设置单选按钮处于事件状态

php - 将 mysql 行从 PHP 加载到自动完成 jquery 中

javascript - 使用 jQuery/javascript 获取 slider 拇指绝对位置

html - 如何创建复选框来更改文档的 CSS 和 Javascript?背景颜色切换

javascript - 有没有办法在 IE 中获取边框半径和渐变背景?

javascript - 如何以AngularJS方式制作双击可编辑表格?

javascript - 如何将下拉列表选择的值添加到数据库?

css - 无法识别 CSS 中的某些部分

javascript - 在没有 css 剪辑路径的情况下设计 iframe 的包装器 div