SORU
21 Aralık 2011, ÇARŞAMBA


Özelleştirme Bootstrap CSS şablon

Sadece Twitter Bootstrap ile başladı ve ben ‘en iyi uygulamalar’ özelleştirme için. ne olduğunu merak ediyorsunuz alıyorum İstiyorum geliştirilmesi ve bir sistem olacak yararlanın tüm güç bir css şablonu (Bootstrap ya da diğer), tamamen (ve kolay) değiştirilebilir, sürdürülebilir (yani ne zaman sonraki sürümü Bootstrap yayınlandı, Twitter sanmıyorum baştan başlama.

Örneğin, üst gezinti için arka plan resimleri eklemek istiyorum. Bu konuda gitmek için 3 yol var gibi görünüyor:

  1. Değiştirin .önyükleme çubuktaki sınıflar.css . Özellikle bir sürü olacak, çünkü bu hiç hoşuma gitmiyor .çubuktaki öğeler ve mutlaka hepsini aynı şekilde değiştirmek istemiyorum.
  2. Benim arka plan görüntüleri ile yeni bir sınıf oluşturun ve her iki stilleri (yeni ve benim eleman bootstrap) uygulayın. Bu sıyırma tarafından önlenebilir tarzı çatışmalar yaratabilir .ayrı sınıflar ve daha sonra sadece özel Dersim tarafından basmış olan parçaları kullanarak çubuktaki sınıf. Yine bu gerekli olmalıdır bence daha fazla çalışma gerektirir ve esnek iken, beni kolayca bootstrap güncelleme izin vermeyecek.Twitter bir sonraki dilimini serbest bıraktığında css.
  3. Değişkenleri kullanın .Daha AZ özelleştirme ulaşmak için. - İlk bakışta bu iyi bir yaklaşım gibi ama kullanmış gibi görünüyor .Daha AZ kod sürdürülebilirlik hakkında istemci css derleme ve endişelerim var.

Bootstrap kullanıyorum ama bu soru herhangi bir css şablonu için genellenebilir.

Giriş için şimdiden teşekkür ederiz.

CEVAP
29 Aralık 2011, PERŞEMBE


Yapılacak en iyi şey olduğunu.

1. çatal twitter-bootstrap, github ve Klon yerel olarak.

çok hızlı bir şekilde (onlar içten. sapmak, değişiyor Bazı sayfa yük zaman düzenini değiştirmek) çünkü kütüphane, bir çerçeve olduğunu söyleyebilirim, tercih ederim. Şey.../klonlama çatallaşma yeni gelecek sürümleri kolay getirsin.

2. Bootstrap değiştirmeyin.css dosyası

Bootstrap (bunu yapmak gerekir) yükseltmek için hayat karmaşık hale gelecek.

3. Kendi css dosyası oluşturmak ve orijinal bootstrap şeyler istediğin zaman üzerine

eğer bir çubuktaki gitse, diyelim ki, color: black; ama beyaz wan, bu çubuktaki için çok özel yeni bir seçici oluşturmak ve belirli çubuktaki bu kuralı kullanın. Örneğin bir tablo için <table class="zebra-striped mycustomclass"> olur. Eğer css bootstrap.css, sonra dosya bildirirseniz bu ne istersen üzerine yazılır.

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Keith Anthe

    Keith Anthe

    26 NİSAN 2011
  • Shameless Maya

    Shameless Ma

    24 Mayıs 2012
  • Sorikan

    Sorikan

    3 ŞUBAT 2008