Jquery

Kullanarak duyarlı tasarım önyüklemeli düğme için farklı Metin boyutu (örn. LastName, FirstName/FirstName) Görevim üzerinde çalışıyorum, kodla neredeyse bitmiş durumdayım. Sadece benzersiz bir tasarım konusunda yardıma ihtiyacım var.Jquery

Bazı metinler ile 3 düğmem var. Tam ekran için metin "HelloWorld", "LastFirst" derken ama aynı web sitesi mobilde göründüğünde, bu 3 düğmenin metni "Merhaba", "Son" vb. Olarak değişir.

Aklımda birkaç şey var. etiket olarak metin. Bu etiketlere kimlik verir ve gerektiğinde etiketi gizlerseniz.

Bunu yapmak için doğru ya da daha basit bir yol olup olmadığını bilmek ister misiniz?

Teşekkürler.

kaynak

2016-04-12 Pawan Kumar

iyi

@media screen and (max-width: 300px) { .hidden-xs { display: none; } }

<button type="button" class="btn btn-primary"> Hello <span class="hidden-xs"> World </span> </button> <button type="button" class="btn btn-primary"> Last <span class="hidden-xs"> First </span> </button>

sonra pencere – RRR

sorgular kullanmaktır, gizli -Onun aradığım şey buydu. Mükemmel çalışıyor. – RRR

Bootstrap kullandığınızı kabul ediyorum.

Bootstrap bu .Visible-xs ve .hidden-xs sınıfları (more here)

.hidden-xs sınıf yalnızca cep telefonlarını bir öğe gizlemek yardımcı vardır.

<button type="button" class="btn btn-primary"> 
 
    Hello <span class="hidden-xs"> World </span> 
 
</button> 
 
<button type="button" class="btn btn-primary"> 
 
    Last <span class="hidden-xs"> First </span> 
 
</button>

Eğer ön yükleme alanı kullanmıyorsanız

, aynı kullanarak medya sorguları elde edebilirsiniz.

kaynak

2016-04-12 09:44:55

Teşekkür Herkes boyutlandırmak http://www.bootply.com/cjqr9gAYLJ linki kontrol ve sağ el üst köşede mobil simgesini medya –

cevap

İlgili konular