SORU
26 Mart 2012, PAZARTESİ


Twitter Bootstrap gezinti çubuğu rengi

Nasıl Twitter Bootstrap 2.0.2 bu gezinti çubuğu arka plan rengini değiştirebilir miyim? Nasıl gezinti çubuğu tüm elementlerin rengini arka plan rengini yansıtacak şekilde değiştirebilir miyim?

CEVAP
28 Mart 2012, ÇARŞAMBA


Bootstrap değiştirme farklı olarak kendi stil olarak faaliyet gösteren bootstrap, renkler, .navbar-inner sınıfı da dahil olmak üzere, üzerine yazabilirsiniz.yani: css stil gibi

.navbar-inner {
  background-color: #2c2c2c; /* fallback color, place your own */

  /* Gradients for modern browsers, replace as you see fit */
  background-image: -moz-linear-gradient(top, #333333, #222222);
  background-image: -ms-linear-gradient(top, #333333, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
  background-image: -webkit-linear-gradient(top, #333333, #222222);
  background-image: -o-linear-gradient(top, #333333, #222222);
  background-image: linear-gradient(top, #333333, #222222);
  background-repeat: repeat-x;

  /* IE8-9 gradient filter */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
}

Sadece değiştirmek tüm bu stilleri ile kendi ve alacaklarını aldı, gibi bir şey bu örneğin, nerede ortadan kaldırmak tüm degrade efektler ve sadece bir düz siyah arka plan-renk:

.navbar-inner {
  background-color: #000; /* background color will be black for all browsers */
  background-image: none;
  background-repeat: no-repeat;
  filter: none;
}

Colorzilla Gradient Editor gibi araçları yararlanın ve tüm tarayıcılar için kendi degrade renkleri oluşturmak ve kendi özgün renklerini değiştirebilirsiniz.

Ve yorumlar da belirttiğim gibi, bootstrap değiştirme tavsiye etmem.css tüm değişikliklerinizi stil (güncel sürüm . güncelleme alır sonra kaybolur ve doğrudan stil ^sup>v2.0.2) bootstrap ile birlikte kendi stil içinde tüm değişikliklerinizi, eklemeniz tercih edilir.css stil. Ama uygun özellikler tüm tarayıcılar arasında tutarlılık olması üzerine yazmayı unutmayın.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • EEVblog

    EEVblog

    4 NİSAN 2009
  • HBO

    HBO

    17 Mayıs 2006
  • Myron and Nejusha dance

    Myron and Ne

    2 AĞUSTOS 2012