2016-10-19 5 views
0

私は、ブートストラップの進行状況バーに2〜3行のテキストを追加せようとしています。それはテキスト行のスパンラベルを認めていますが、その行の下にさらに行を追加することはできませんでした。私はこのようなもの、その中に数行のテキストと1つのバーを達成しようとしていますブートストラップの進行状況バーの中にいくつかのテキスト行があります

< ===============テキスト1を====== ==========> < =============== text2 ==============>

注:私はブートストラップ3を使用しています。

注:行は中央に配置する必要があります。

+1

ローディングバーの高さを 'height:auto;'に設定しようとしましたか? – Grey

答えて

3

bootstrap3で作業している場合は、progressをcssで100%に定義する必要があります。

コードについては、fiddleに従ってください。

私はこれが役立つことを願っています。

+0

GURURAJありがとう、私はあなたの答えを受け入れたが、私はまたテキストを中心にしたい。それは私の悪かった、私は質問を更新しています。私の解決策は[こちら]です(https://jsfiddle.net/gugol/5t2t8brf/) – gugol

+0

まだテキスト中心になっていませんか?これをチェックする - [fiddle](https://fiddle.jshell.net/Gururaj26/2vwmws51/3/) –

+0

いいえ、デフォルトでは中央に配置されていません。そしてあなたのバイブルの解決策は中央にない。それは、進行中のビットの真中ではなく、バーの中央になければなりません。 – gugol

関連する問題