Dizin sayfamda h1 metin renginin beyaz olmasını ve gölge ile birlikte gelmesini istiyorum, ancak varsayılan davranışı h1'i diğer sayfalarda değiştirmek istemiyorum. Bunu nasıl başarabilirim?Twitter Bootstrap ile, bir sayfanın h1 metin rengini nasıl özelleştirebilirim ve diğer sayfaları varsayılan olarak bırakabilirim?
Öyle gibi özel bir stil ile o sayfadaki tüm öğeleri hedefleyecek şekilde dizin sayfasının gövde etiketinin kendi kimliği veya sınıfı ekleyebilirsiniz:
<body id="index">
<h1>...</h1>
</body>
O zaman isteyen unsurları hedefleyebilir böylece gibi sınıf veya kimliği ile değiştirin:
#index h1 {
color:red;
}
Ayrıca açılışta kendisinin
<h1 class='text-info'>Hey... I'm blue</h1>
<p class="text-muted">...</p> //grey
<p class="text-primary">...</p> //light blue
<p class="text-success">...</p> //green
<p class="text-info">...</p> //blue
<p class="text-warning">...</p> //orangish,yellow
<p class="text-danger">...</p> //red
Belgeleri: Burada bootstrap 3'te 0
sınıfları Metin rengini değiştirmek için vardır.
Yanıtı kabul eden daha iyi bir çözüm. Yan bağlantı: http://getbootstrap.com/css/#helper-classes – trante
Aslında, bu çok iyi bir cevaptır, metin bağlamsal rengini değiştirmeden özel renk için çalışmaz. Belki de bu cevabı üstesinden gelebilirsiniz çünkü iyi, ama OP sorununun gerçek cevabı kabul edilir. –
@Connor Leech'in yanıtına ek olarak.
Kendinize ait yeni bir özel tipografi türü oluşturmak isterseniz, aşağıdakileri css dosyanızda tanımlayın.
.text-foo {
.text-emphasis-variant(#FFFFFF);
}
mixin text-emphasis-variant Bootstrap en mixins.less dosyasında tanımlanır.
"Navbar'ın text" sınıfına dikkat etmeniz uyardı (Connor sülük yanıtında Metin Rengi sınıfları kullanarak) kendim bu perusing sonra.
örneğin gezinme çubuğu yeşil metni almak için, bunu yapmak için cazip olabilir: Bu ÇALIŞMAYACAKTIR
<p class="navbar-text text-success">Some Text Here</p>
!! "navbar-text", rengi geçersiz kılar ve standart navbar metin rengiyle değiştirir. Bunu yaptığınızda
<p class="navbar-text"><span class="text-success">Some Text Here</span></p>
ya da benim durumumda
(I vurgulandı istedi gibi metin)<p class="navbar-text"><strong class="text-success">Some Text Here</strong></p>
:
bunu yapmanın doğru yolu, yuvalarına EG ikinci elemanda metindir Bu şekilde, metni navbarın yüksekliği ile düzgün bir şekilde hizalarsınız ve rengi de değiştirirsiniz.
yazı tipi stili Beğen kullanabilirsiniz: html niteliklerini bu sınıfları kullanmak lütfen bağlamsal renklerle bootstrap 3'te yardımcı sınıflar vardır
<font color="white"><h1>Header Content</h1></font>
Yazı tipi etiketine? Bu on yıl önce onaylanmıştı. – mwieczorek
.
<p class="text-muted">...</p>
<p class="text-primary">...</p>
<p class="text-success">...</p>
<p class="text-info">...</p>
<p class="text-warning">...</p>
<p class="text-danger">...</p>
Referans:http://getbootstrap.com/css/#type
onların özelleştirme araçlarını kullanarak Bootstrap özelleştirerek başlayarak olacağını bu sorunu çözmek için en iyi yol.
http://getbootstrap.com/customize/
@ başlıkları renkli aşağı gidin ve (varsayılan sadece # 333 olarak değiştirin isterseniz) size başlıklarını site üzerinden olmak istiyorum şeye "miras" olarak değiştirin.
Bu, tüm başlıklarınızı istediğiniz gibi aynı renkte tutacağını unutmayın.
Şimdi, istediklerinizi gerçekleştirmek için, bu değişikliği yaptıktan sonra, artık kendi renginizi kendinize uygulamak için kendi CSS'inizin üzerine yazabilirsiniz. Çerçevede hep “acı” anahtar kelimesini buldum.
Bu işlevsellik için yerleşik bir sınıf var – gkalikapersaud
@GavindraKalikapersaud YES. Aşağıdaki Connor Leech'in cevabına bakınız. – Heraldmonkey
Dikkat edin, bu çözüm metin bağlamsal renklerini değiştirmeden özel renkler ile çalışır. Bu cevap OP sorusu için mükemmeldir. Belki başka bir şey arıyorsun. –