4

私は Twitter ブートストラップを使用して 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

'left'のクラスを持つ含まれるDIVを希望の幅にするだけです。

Bootstrapのグリッドシステムを使用している場合は、行とコンテナを含む適切な「span」クラスを使用します。

于 2013-03-21T14:47:36.253 に答える