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?
CEVAP
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!
Menü Bootstrap 3 Slayt gezinti çubuğu ...
Twitter değiştirmek gezinti çubuğu ren...
Nasıl gezinti çubuğu daraltmak eşik bo...
Twitter-Bootstrap-2 gezinti çubuğu üze...
Nasıl Bootstrap 3 gezinti çubuğu simge...