Nasıl gezinti çubuğu daraltmak eşik bootstrap-duyarlı Twitter kullanarak değiştirmek için?
Twitter Bootstrap 2.0.1 bootstrap-sass ile uygulanan Raylar 3.1.2 bir projede kullanıyorum. bootstrap.css
bootstrap-responsive.css
dosyaları olarak bootstrap-collapse.js
Javascript hem de yükleme yapıyorum.
Bir gezinti çubuğu example benzer sıvı bir düzen var. Bu gezinti çubuğu "" here talimatlar. varyasyon duyarlı izler Gayet iyi çalışıyor: eğer sayfa 940px, gezinti çubuğu hakkında daha dardır ve bir "genişletmek için tıklatın Tamam." düğmesine çöker görüntüler
Benim gezinti çubuğu iyi yaklaşık 550px geniş görünüyor ancak, yani ekran çok dar olmadığı sürece yıkılmış olmasına gerek yok.
Nasıl eğer ekran 550px daha az ise Bootstrap sadece daraltmak için söyle gezinti çubuğu geniş muyum?
Bu noktada ben bunu unutmayındeğilyan tarafından diğer duyarlı davranışlar, örneğin onları yan görüntülemek yerine öğeleri istifleme değiştirmek istiyorum.
CEVAP
- Bootstrap daha az sürümü kullanın
- Değişkenleri @navbarCollapseWidth değişkeni değiştirin.daha az
- Yeniden derleyin.
Güncelleme 2013: kolay yolu
- http://getbootstrap.com/customize/#less-variables ziyaret edin
- @Formfield içinde navbarCollapseWidth değiştirin
- "Ve". Derleme İndirmek için tıklayınız
(Yorum) Archonic için THX)
Güncelleştirme 2014: Bootstrap 3.1.1 ve 3.2 (onlar bile added it to the documentation)
customizing ya .less
/düzenleme değişkenleri geçersiz kılma eğer aradığınız:
//** Point at which the navbar becomes uncollapsed.
@grid-float-breakpoint: @screen-sm-min;
//** Point at which the navbar begins collapsing.
@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
Twitter değiştirmek gezinti çubuğu ren...
Nasıl Gezinti Çubuğu iOS 7 renk değişt...
Nasıl Otomatik olarak Uyarılar Twitter...
Nasıl Bootstrap 3 gezinti çubuğu simge...
Nasıl eleman saklamak için twitter boo...