Bootstrap進度條不適用於Panel Inside

Question

我想在進度條內添加面板，但是當我添加面板時進度條不起作用/增加寬度。

http://getbootstrap.com/components/#progress http://getbootstrap.com/components/#panels

這裏是我的嘗試：

http://jsfiddle.net/fS2zq/

<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> 

Answer 1

也許你不會somethig這樣http://jsfiddle.net/fS2zq/1/

<div class="panel panel-primary" style="width:15%;height:100px;float:left"> 

Answer 2

固定它我自己，我的問題是的

<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> 

定位