• 16-09-2023, 11:33:09
    #1
    Selamlar. Küçük bir sorunum var da halledemedim. 991px altına düştüğünde şu resimlerin 3lü hâle geçmesi gerekiyor. Width değeri vermeden yapınca geçiyor fakat çok büyük olmakta.
    Bkz.

    Fotoğrafları küçültmek istediğimde 4 üstte 2 altta oluyor. 991px üstünde img width: 150px değerinde ve tam oturuyor. Fakat ona yakın değerler girdiğimde tablette görünüm şu şekilde olmakta.


    Nasıl çözebilirim? Kodlarım da şu şekilde
    <div class="marka">
                <div class="container row">
                        <img class="col-lg-2 col-md-4 col-sm-6" src="./logos/Verizon.svg" alt="">
                        <img class="col-lg-2 col-md-4 col-sm-6" src="./logos/Visa.svg" alt="">
                        <img class="col-lg-2 col-md-4 col-sm-6" src="./logos/Tinder.svg" alt="">
                        <img class="col-lg-2 col-md-4 col-sm-6" src="./logos/Walmart.svg" alt="">
                        <img class="col-lg-2 col-md-4 col-sm-6" src="./logos/Samsung.svg" alt="">
                        <img class="col-lg-2 col-md-4 col-sm-6" src="./logos/JP Morgan.svg" alt="">
                </div>
            </div>
  • 16-09-2023, 11:37:27
    #2
    Ekstra css ile yapabilirsiniz hocam. İlla bootstrap gerekli değilse yani.
    • ygtgldsgn
    ygtgldsgn bunu beğendi.
    1 kişi bunu beğendi.
  • 16-09-2023, 11:39:08
    #3
    Misafir adlı üyeden alıntı: mesajı görüntüle
    Ekstra css ile yapabilirsiniz hocam. İlla bootstrap gerekli değilse yani.
    Ek css ile de çalışmaktayım zaten hocam sadece responsive ayarı olan row ve col için bootstrap kullanıyorum. Onun dışı çoğu kodu ek css ile yazmaktayım
  • 16-09-2023, 11:39:10
    #4
    İmg class değerleri yok o yüzden
    Div classlari kullanmissiniz

    https://getbootstrap.com/docs/4.0/content/images/
  • 16-09-2023, 11:39:21
    #5


    Bu tabloya göre col değerlerini verebilirsin. Örnek olarak medium ve üstü ekranlarda 3 tane div olması için şunu kullanabilirsin.
    <div class="row">
    <div class="col-md-4">
    içerik 1
     </div>
     <div class="col-md-4">
    içerik 2
     </div>
     <div class="col-md-4">
    içerik 3
     </div>
    </div>
  • 16-09-2023, 11:43:50
    #6
    Misafir adlı üyeden alıntı: mesajı görüntüle
    İmg class değerleri yok o yüzden
    Div classlari kullanmissiniz
    .marka img{
        width: 150px;
    }
    img değerleriyle de oynuyorum hocam ama sonuç değişmiyor. col-md kısımlarını bir div içerisinde mi toplamalıyım acaba?

    canyucel adlı üyeden alıntı: mesajı görüntüle


    Bu tabloya göre col değerlerini verebilirsin. Örnek olarak medium ve üstü ekranlarda 3 tane div olması için şunu kullanabilirsin.
    <div class="row">
    <div class="col-md-4">
    içerik 1
     </div>
     <div class="col-md-4">
    içerik 2
     </div>
     <div class="col-md-4">
    içerik 3
     </div>
    </div>
    Deneyeyim hocam. large üstü yani masaüstü geçildiğinde de 6 resmin de yan yana olması gerekmekte onu nasıl yapabilirim?
  • 16-09-2023, 11:45:26
    #7
    ygtgldsgn adlı üyeden alıntı: mesajı görüntüle
    Deneyeyim hocam. large üstü yani masaüstü geçildiğinde de 6 resmin de yan yana olması gerekmekte onu nasıl yapabilirim?
    col-lg-2 kullanırsın
  • 16-09-2023, 11:52:47
    #8
    canyucel adlı üyeden alıntı: mesajı görüntüle
    col-lg-2 kullanırsın
    Oldu hocam teşekkür ederim sadece margin ayarlarıyla oynamak kaldı geriye