Bootstrap 5 Responsive Görünüm Yardım

Question

Navbarda oluşturduğum seach bölümününü ekran küçülünce ikon olarak göstermek istiyorum form elemanını ekran küçülünce nasıl ikon haline getirebilirim?

PixelTasarim · Answer

https://getbootstrap.com/docs/5.0/layout/breakpoints/

Duruma göre class'ları gizleyebilirsiniz hocam.

chapters · Answer

grid yapısıyla çözebilirsin

Jouns · Answer

PixelTasarim adlı üyeden alıntı:						mesajı görüntüle									https://getbootstrap.com/docs/5.0/layout/breakpoints/

Duruma göre class'ları gizleyebilirsiniz hocam. 		classı gizleyip yerine istediğim şekildeki arama clasını mı koymam gerekiyor?

Jouns · Answer

chapters adlı üyeden alıntı:						mesajı görüntüle									grid yapısıyla çözebilirsin 		grid yapısı ile nasıl çözebilirim?

Mücahit · Answer

class="d-none d-md-block" 
yazarsanız mobilde gizlenir masaüstünde gözükür.

Bir de ikon koyarsınız ona da 
class="d-block d-md-none"
yazarsanız mobilde gözükür masaüstünde gizlenir.

PixelTasarim · Answer

@media (min-width: 992px) { .mobil-goster { display: none; } } @media (max-width: 992px) { .desktop-goster { display: none; } }

...

Bu şekilde yapabilirsiniz eğer iki farklı div yapısı var ise.

Jouns · Answer

Mücahit adlı üyeden alıntı:						mesajı görüntüle									class="d-none d-md-block"
yazarsanız mobilde gizlenir masaüstünde gözükür.

Bir de ikon koyarsınız ona da
class="d-block d-md-none"
yazarsanız mobilde gözükür masaüstünde gizlenir. 		çok teşekkürler hocam bu şekilde oldu

Jouns · Answer

Mücahit adlı üyeden alıntı:						mesajı görüntüle									class="d-none d-md-block"
yazarsanız mobilde gizlenir masaüstünde gözükür.

Bir de ikon koyarsınız ona da
class="d-block d-md-none"
yazarsanız mobilde gözükür masaüstünde gizlenir. 		Hocam dropdown menüleri otomatik açık nasıl getirebilirim biliyor musunuz acaba