我正在尝试在进度条中添加一个面板但是当我添加面板时,进度条不起作用/增加宽度。
http://getbootstrap.com/components/#progress http://getbootstrap.com/components/#panels
以下是我的尝试:
<div class="progress progress-striped active" style="height:100px;border-style:solid;"> <div class="panel panel-primary" style="width:15%;height:100px;"> <div class="panel-heading"> <h3 class="panel-title" style="text-align:center;">Division 10</h3> </div> <strong><div align="center">0 PTS</div></strong> </div> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div>
答案 0 :(得分:1)
也许你想要这样的东西http://jsfiddle.net/fS2zq/1/
<div class="panel panel-primary" style="width:15%;height:100px;float:left">
答案 1 :(得分:0)
修正了我的自我,问题是
的定位<div class="progress-bar progress-bar-danger" style="width: 50%"></div>
<div class="progress-bar progress-bar-danger" style="width: 50%">
<div class="progress progress-striped active" style="height:100px;border-style:solid;">
<div class="panel panel-primary" style="width:15%;height:100px;">
<div class="panel-heading">
<h3 class="panel-title" style="text-align:center;">Division 10</h3>
</div> <strong><div align="center">0 PTS</div></strong>
</div>
</div>
</div>