SORU
12 AĞUSTOS 2013, PAZARTESİ


Bootstrap 3 Çöküşü Gezinti Çubuğu

Hangi bootstrap 3 gezinti çubuğu çöker noktası artırmak için herhangi bir yol (dikey tablet üzerinde bir düşüş içine çöker böylece yani) var mı?

Bu iki bootstrap için geçerli olduğu 2 ama şimdi değil!

How to change navbar collapse threshold using Twitter bootstrap-responsive?

Bootstrap: change the default responsive navbar breakpoint

CEVAP
20 AĞUSTOS 2013, Salı


Bootstrap Bootstrap 2 ve 3 arasında büyük fark Bootstrap 3."". ilk mobil

Varsayılan stilleri mobil cihazlar için tasarlanmış ve Navbars durumunda, "" varsayılan "genişler" belli bir asgari büyüklüğe ulaşır. tarafından çökmüş demektir

3 site aslında "" ne gibi: bir ipucu vardır Bootstrap http://getbootstrap.com/components/#navbar

Çöken noktası özelleştirin

Eğer gezinti çubuğu içeriğe bağlı olarak, gezinti çubuğu çöktü ve yatay mod arasında geçiş noktasını değiştirmek gerekebilir. @- Yüzer kılavuz-kesme değişken özelleştirmek veya kendi medya sorgu ekleyin.

Eğer yeniden derlemek için kullanacaksanız daha AZ dikkat AZ değişken variables.less dosyasında bulabilirsiniz. Şu anda ayarlanmış "" @media (min-width: 768px) "" (örn. küçük ekran genişletmek Bootstrap 3 ile bir tablet) açısından.

@grid-float-breakpoint: @screen-tablet;

Eğer çöktü biraz daha uzun tutmak istediğiniz gibi ayarlayabilirsiniz:

3* *(992px kırılma noktası)

er ya da genişletin

4* *(480px kırılma noktası)

Olmasını istiyorsanız genişletmek sonra, anlaşma ile yeniden derlemek AZ Zorundasınız üzerine stilleri kapıya uygulanan 768px ortam sorgusu ve onları geri dönmek için önceki değer. Yeniden uygun zamanda.

Eğer bunu yapmak için daha iyi bir yolu varsa emin değilim. İhtiyaçlarınız için Bootstrap AZ derlenmesine (kolay) en iyi yoldur. Aksi takdirde, gezinti çubuğu etkiler, varsayılan stilleri onları @ 768 px genişliği üzerine ve sonra min genişlikte bir daha hiç geri dönmek tüm CSS medya sorguları bulmalısın.

Yeniden en AZ bu büyü sadece değişken değiştirerek sizin için yapacak. Çok AZ/SASS-Derleyiciler öncesi. =)

(not, ben yaptım bak hepsini, yaklaşık 100 satır kod olduğu kızdırmak için yeterince bana bırak fikri ve yeniden derlemek Bootstrap verilen bir proje ve önlemek uğraşıyor bir şeyler kazara)

Bu yardımcı olur umarım!

Şerefe!

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Animation Workshop

    Animation Wo

    8 NİSAN 2010
  • MyTiredBones

    MyTiredBones

    2 Temmuz 2013
  • WoodysGamertag

    WoodysGamert

    17 Aralık 2009