                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

如何改变颜色

怎么改变填充的颜色

weibo_心吋幻想旳少年_0

2015-09-10

源自：玩转Bootstrap（基础） 7-8

关注问题我要回答

1251

操作

收起

5 回答

荼酒
2015-09-10

bg-danger,bg-info,bg-warning,bg-success 等等～改變背景色就OK了

0 回复有任何疑惑可以回复我~

#1

weibo_心吋幻想旳少年_0 提问者

加了不过还是没变化啊

2015-09-10 回复有任何疑惑可以回复我~

#2

weibo_心吋幻想旳少年_0 提问者

非常感谢！

2015-09-10 回复有任何疑惑可以回复我~

荼酒
2015-09-10

<div class="progress">
    <div class="progress-bar progress-bar-danger" style="width:40%; ">
    </div>
</div>
<!--下面是代码任务部分-->
<div class="progress">
    <div class="progress-bar progress-bar-success" style=" width:80%;"></div>
</div>

这个需要progress-bar-color来改变了

0 回复有任何疑惑可以回复我~

#1

weibo_心吋幻想旳少年_0 提问者

嗯嗯是的谢谢你哈！

2015-09-10 回复有任何疑惑可以回复我~

weibo_心吋幻想旳少年_0 提问者
2015-09-10

<title>进度条--基本样式</title>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<body>  
<div class="progress">
     <div class="progress-bar bg-danger" style="width:40%; ">
	</div>
</div> 
<!--下面是代码任务部分-->
<div class="progress">
    <div class="progress-bar" style=" width:80%;"></div>
</div>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>

0 回复有任何疑惑可以回复我~

荼酒
2015-09-10

貼代碼

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

5 回答如何改变斑马线颜色

3 回答请问如何给字体改变颜色

2 回答改变他的颜色或背景颜色

2 回答这个图标能改变颜色吗？

3 回答这里如何改变列表组的字体颜色呢？font-color和color都试了

搜索更多本课相关问答

如何改变颜色

我要回答关注问题

意见反馈帮助中心 APP下载