SORU
23 ŞUBAT 2012, PERŞEMBE


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
16 EYLÜL 2012, Pazar


  • 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

(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);

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

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • David MeShow

    David MeShow

    10 EKİM 2006
  • HereWeStayKings

    HereWeStayKi

    3 NİSAN 2013
  • LivestrongWoman

    LivestrongWo

    1 Aralık 2011