Bunu nasıl Yapabilirim ? |
16 Mesajlar | 1.670 Okunma | ||
- Üyelik 05.03.2016
- Yaş/Cinsiyet 35 / E
- Meslek Birtekno'loji Sahibi
- Konum Çorum
- Ad Soyad M** B**
- Mesajlar 1075
- Beğeniler 31 / 186
- Ticaret 5, (%100)
Merhaba arkadaşlar buradaki temam'ın mobil uyumunu aynı Letgo benzeri yapmak istiyorum ilanlar alt alta çıkıyor mobilden girince ben Letgo gibi ufak bir şekilde atıyorum yan yana 3'çer şekilde yan yana çıksın istiyorum nasıl yapabilirim ?
Türkiyenin Webmaster Topluluğu - Wmclubu.com
- Üyelik 19.05.2017
- Yaş/Cinsiyet 40 / E
- Meslek Diğer
- Konum Diğer
- Ad Soyad A** P**
- Mesajlar 332
- Beğeniler 39 / 144
- Ticaret 1, (%100)
Bootstrap kullanıyorsunuz sanırım. Ya custom css kullanabilirsiniz, ya da classları değiştirebilirsiniz.
Bootstrap kullanmadığım için bilmiyorum ancak custom css ile
width: 50%;
float: left;
yan yana iki grid sıralarsınız. Değişik çözünürlükte artması için
@media (min-width: 900px){
.grid{
width: 25%;
float: left;
}
}
şeklinde 4 grid yan yana yapabilirsiniz.
Bootstrap için mutlaka bununla ilgili bir class vardır.
Bootstrap kullanmadığım için bilmiyorum ancak custom css ile
width: 50%;
float: left;
yan yana iki grid sıralarsınız. Değişik çözünürlükte artması için
@media (min-width: 900px){
.grid{
width: 25%;
float: left;
}
}
şeklinde 4 grid yan yana yapabilirsiniz.
Bootstrap için mutlaka bununla ilgili bir class vardır.
- Üyelik 05.03.2016
- Yaş/Cinsiyet 35 / E
- Meslek Birtekno'loji Sahibi
- Konum Çorum
- Ad Soyad M** B**
- Mesajlar 1075
- Beğeniler 31 / 186
- Ticaret 5, (%100)
ahmetp bu kodumu ekliyceğim CSS dosyalarına hocam ? baktım bu tarz bir kod bulamadım
Türkiyenin Webmaster Topluluğu - Wmclubu.com
- Üyelik 19.05.2017
- Yaş/Cinsiyet 40 / E
- Meslek Diğer
- Konum Diğer
- Ad Soyad A** P**
- Mesajlar 332
- Beğeniler 39 / 144
- Ticaret 1, (%100)
Yok bir şey eklemeyin, bozarsınız. Ben sadece mantığını anlatmaya çalıştım. Bir kez daha bakayım nasıl yapabiliriz.
- Üyelik 05.03.2016
- Yaş/Cinsiyet 35 / E
- Meslek Birtekno'loji Sahibi
- Konum Çorum
- Ad Soyad M** B**
- Mesajlar 1075
- Beğeniler 31 / 186
- Ticaret 5, (%100)
ahmetp teşekkürler bekliyorum.
Türkiyenin Webmaster Topluluğu - Wmclubu.com
- Üyelik 19.05.2017
- Yaş/Cinsiyet 40 / E
- Meslek Diğer
- Konum Diğer
- Ad Soyad A** P**
- Mesajlar 332
- Beğeniler 39 / 144
- Ticaret 1, (%100)
boostrap.css'yi editlemek gerek.
1799. satırdaki
.col-sm-6 {
width: 50%;
}
kodunu silin. Çünkü bu kod 768 pixelden büyük ekranlarda 2 tane yan yanda div yapıyor. Ancak 768 altı için bir işlevi yok. O yüzden daha düşük ekranlarda tek div görünüyor. Biz bunu silip 300 pixel üstüne 3 tane yan yana yapalım.
1777. satırda @media (min-width: 768px) yazıyor. Bunun hemen üstüne şunu girin.
@media (min-width: 300px) {
.col-sm-6 {
width: 33.333%;
float:left;
}
}
Güncelleme görünmesi için css sonundaki versiyon numarası artırılmalı.
Yedek almayı unutmayın.
1799. satırdaki
.col-sm-6 {
width: 50%;
}
kodunu silin. Çünkü bu kod 768 pixelden büyük ekranlarda 2 tane yan yanda div yapıyor. Ancak 768 altı için bir işlevi yok. O yüzden daha düşük ekranlarda tek div görünüyor. Biz bunu silip 300 pixel üstüne 3 tane yan yana yapalım.
1777. satırda @media (min-width: 768px) yazıyor. Bunun hemen üstüne şunu girin.
@media (min-width: 300px) {
.col-sm-6 {
width: 33.333%;
float:left;
}
}
Güncelleme görünmesi için css sonundaki versiyon numarası artırılmalı.
Yedek almayı unutmayın.
- Üyelik 05.03.2016
- Yaş/Cinsiyet 35 / E
- Meslek Birtekno'loji Sahibi
- Konum Çorum
- Ad Soyad M** B**
- Mesajlar 1075
- Beğeniler 31 / 186
- Ticaret 5, (%100)
ahmetp sanıyorum olmadı hocam bakabilirmisiniz.
Türkiyenin Webmaster Topluluğu - Wmclubu.com
- Üyelik 19.05.2017
- Yaş/Cinsiyet 40 / E
- Meslek Diğer
- Konum Diğer
- Ad Soyad A** P**
- Mesajlar 332
- Beğeniler 39 / 144
- Ticaret 1, (%100)
Değişiklik yaptıysanız css sonundaki versiyon numarasını güncellemelisiniz.
?ver=1 yazıyor halen.
?ver=1 yazıyor halen.
- Üyelik 05.03.2016
- Yaş/Cinsiyet 35 / E
- Meslek Birtekno'loji Sahibi
- Konum Çorum
- Ad Soyad M** B**
- Mesajlar 1075
- Beğeniler 31 / 186
- Ticaret 5, (%100)
ahmetp o nerede yazıyor hocam CSS içerisine baktım ama yok kaç yapmam gerekir ? verdiğiniz kodu yaptım dediğinizi.
Türkiyenin Webmaster Topluluğu - Wmclubu.com
- Üyelik 19.05.2017
- Yaş/Cinsiyet 40 / E
- Meslek Diğer
- Konum Diğer
- Ad Soyad A** P**
- Mesajlar 332
- Beğeniler 39 / 144
- Ticaret 1, (%100)
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)