如何改变颜色

来源:7-8 进度条--基本样式

weibo_心吋幻想旳少年_0

2015-09-10 10:57

怎么改变填充的颜色

写回答 关注

4回答

  • 荼酒
    2015-09-10 12:03:36
    已采纳

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


    weibo_...

    非常感谢!

    2015-09-10 14:59:45

    共 2 条回复 >

  • 荼酒
    2015-09-10 15:12:11
    <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来改变了

    weibo_...

    嗯嗯 是的 谢谢你哈!

    2015-09-10 15:15:55

    共 1 条回复 >

  • weibo_心吋幻想旳少年_0
    2015-09-10 12:14:28
    <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>


  • 荼酒
    2015-09-10 12:12:12

    貼代碼

玩转Bootstrap(基础)

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

314546 学习 · 2275 问题

查看课程

相似问题