4

我正在使用 twitter bootstrap 来为我的 Ui 增添趣味。我真的很想在我的页面上添加一个进度条。以下工作正常，除了进度条跨越屏幕的整个宽度。我希望它被限制在一个小的矩形区域而不是屏幕的整个长度。知道怎么做吗？

<div class="left" >
    <p> <strong>Use the portal to submit your claims</strong></p>
    <p> Step 1 </p>
    <div class="progress progress-info">
        <div class="bar" style="width: 15%" ></div>
    </div>
    <p> Step 2 </p>
    <div class="progress progress-info">
        <div class="bar" style="width: 30%"></div>
    </div>
    <p> Step 3 </p>
    <div class="progress progress-info">
        <div class="bar" style="width: 45%"></div>
    </div>
</div>
4

1 回答 1

6

只需将包含“左”类的 DIV 设置为您想要的宽度即可。

如果您使用的是 Bootstrap 的网格系统，那么您将使用带有一行和一个容器的适当的 'span' 类。

于 2013-03-21T14:47:36.253 回答