Bootstrap 3.0 ile ilerleme çubuklarını nasıl daha ince hale getirebilirim? YouTube'un metreyi beğendiği/beğenmediğini düşünüyorum (mavi çubuk). Herhangi bir CSS hilesi aramayı denedim ama hiçbir şey bulamadım.Tiner Bootstrap ilerleme çubukları?
olarak kolay Bunu yaparken gibidir:
.progress {height: 10px;}
Bkz:
.progress {height: 20px;} // we increased it so the text is visible or change font size
.progress .sr-only { position: relative; }
Bkz: Show text inside progress bar
, Reduce the height of progress barEkstra Eğer ilerleme çubuğunun içindeki metni göstermek isterseniz
Bu çalışmalara teşekkürler! – user2019594
İlerleme çubuğunun içinde metin kullanırsanız, dikey olarak '.progress-bar {line-height: 10px; } ' – Tsunamis
Teşekkürler :) – mustafa918
Şina haklı, sadece eklemek istiyorum, bazı c olabilir ! Değişikliği yapmak için önemli komut eklemek için gerekli gazlar böyle, "ilerleme" sınıfının zaten ayarlanmış parametre üzerinde uygulanır:
.progress {height: 10px !important;}
de kullanabilirsiniz sadece olabilir:
<div class='.progress-sm'> ...your code ... </div>
Önyükleme sınıfı kullanacağınız için en iyi çözüm olduğuna inanıyorum.
Bazı kodları paylaşın, ne istediğinizi anladığımdan emin değilim. Yastığı düşürmek ya da bir şey yapmak hile yapmalıdır. – Shina
Şuna bakıyordum: http://metroui.org.ua/progress-bar.html (Özellikle ikinci mavi çubuk). Ama ben sadece kendi özel Bootstrap yüklemeden bunu uygulamak için hızlı bir yol olduğunu umuyordum. – user2019594