0

我正在尝试在进度条内添加一个面板,但是当我添加面板时,进度条不起作用/增加宽度。

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

2 回答 2

1

也许你不会像这样http://jsfiddle.net/fS2zq/1/

<div class="panel panel-primary" style="width:15%;height:100px;float:left">
于 2013-08-07T15:14:09.293 回答
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>
于 2013-08-07T15:14:21.203 回答