2016-03-27 12 views
0

Bootply dan geçiş navigasyon - <header> etiket kontrolünün bir grafik dışında navigasyon geçiş (yerine hamburger simge düğmesi) olması mümkün olup olmadığını merak ediyorum http://www.bootply.com/YkWyRzWZDsBootstrap3 - farklı grafik

. Sitenin bu kısmı sadece bir mobil cihazda görüntülenecek.

Daraltılmış menü üzerinde iki satır görüntü düğmem var, görüntü bağlantılarından birinin navbar geçişi olarak hareket etmesini istiyorum. Mümkün mü?

Mümkünse, kod değişikliklerinde bana yardımcı olan herhangi biri var mı? Sorunuzu doğru anlıyorsam, kendi simgenizi kullanarak navbar'ı göstermek/gizlemek istersiniz.

cevap

0

Tam bir çalışma örneği burada mevcuttur

$("#menu-toggle").click(function(e) { 
     $('.navbar').toggle(); 
}); 

: http://ibootstrap.net/Snippets/IDXpmK6/

+0

Bu neredeyse ihtiyacım olan şey, teşekkürler! Bir şey olsa da, daraltılmış modda olduğunda, açılan bağlantıların listesini otomatik olarak açmaz, hamburger düğme simgesi görünür, daha sonra bağlantılara erişmek için tıklamanız gerekir. JQuery kodunun bu adımı atlayıp açılır listeyi açmasının bir yolu var mı? Bunun için teşekkürler - Yardım için gerçekten minnettarım! –

0

Daha basit konu edilmiş simgesinin kimlik menü geçiş olduğunu varsayarak, aşağıdaki jQuery kod ekleyerek

, bu işi yapmalıyım Düşündüğümden. Yapmam gereken tek şey hamburger gizlemek için <button> kaldırmak sonra ben ile navbar kontrol etmek istediği asıl görüntünün için kodu

data-target=".bs-navbar-collapse" data-toggle="collapse" 

ekleyin ve oldu.

Güncelleştirmeleri görüntülemek için http://www.bootply.com/YkWyRzWZDs güncelleştirildi.