• 30-05-2020, 22:33:23
    #10
    Alp37 adlı üyeden alıntı: mesajı görüntüle
    evet hocam şu şekilde olacak.
    <style>
    .kapsar{
    display: flex;
    flex-wrap:wrap;
    }
    .ictekiDiv{
    width:20%;
    }
    </style>

    <div class="kapsar">
    <div class="ictekiDiv"></div>
    <div class="ictekiDiv"></div>
    </div>

    yok hocam bende olmuyor bu acayip bir durum.

    .col-md-3 {
    padding: 0;
    margin: 10px;
    width:20%;
    }

    .row {
    display: flex;
    flex-wrap:wrap;
    }

    veriyorum bak bunlara yazdığın değerleri. değişmiyor sayfada hiçbir şey. width ile oynuyorum 1 yapıyorum hala aynı.
  • 30-05-2020, 22:35:10
    #11
    Kurumsal Üye | R10 19.YIL
    İmajlarda object-fit: cover; kullanın resimde boydan ve enden uzama yapmaz verdiğiniz değere tam oturur.
  • 30-05-2020, 22:36:49
    #12
    CougaR adlı üyeden alıntı: mesajı görüntüle
    İmajlarda object-fit: cover; kullanın resimde boydan ve enden uzama yapmaz verdiğiniz değere tam oturur.
    bu çalışıyor da ben .col-md-3 ün genişliğiyle oynayamıyorum değişmiyor yani kafayı yiyeceğim



    arkadaşlar yok mu yardım edecek allah için neyi denediysem olmuyor ne saçma bir şey yahu bu cssde width veriyorum dive değişen hiçbir şey yok. important yazıyorum ona rağmen yok daha ne yapayım ki
  • 30-05-2020, 22:47:51
    #13
    Kurumsal Üye | R10 19.YIL
    Mettwork adlı üyeden alıntı: mesajı görüntüle
    bu çalışıyor da ben .col-md-3 ün genişliğiyle oynayamıyorum değişmiyor yani kafayı yiyeceğim




    arkadaşlar yok mu yardım edecek allah için neyi denediysem olmuyor ne saçma bir şey yahu bu cssde width veriyorum dive değişen hiçbir şey yok. important yazıyorum ona rağmen yok daha ne yapayım ki

    Tüm yazılanları okuyamadım tam olarak yapmak istediğiniz bumu;

      
    <div class="container">
            <div class="row">
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
    
            </div>
        </div>
  • 30-05-2020, 22:52:06
    #14
    CougaR adlı üyeden alıntı: mesajı görüntüle
    Tüm yazılanları okuyamadım tam olarak yapmak istediğiniz bumu;

      
    <div class="container">
            <div class="row">
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
                <div class="col-md-3"><img style="width: 100%; height: 200px; object-fit: cover; padding: 10px;" src="https://www.istockphoto.com/resources/images/HomePage/FourPack/Illustrations-907872186.jpg"></div>
    
            </div>
        </div>
    ya hocam evet bu da ben bu div col md-3 ü küçültmek istiyorum olmuyor kafayı yiyeceğim. width veriyorum ben buna değişmiyor neden sizce
  • 30-05-2020, 22:56:20
    #15
    Kurumsal Üye | R10 19.YIL
    Mettwork adlı üyeden alıntı: mesajı görüntüle
    ya hocam evet bu da ben bu div col md-3 ü küçültmek istiyorum olmuyor kafayı yiyeceğim. width veriyorum ben buna değişmiyor neden sizce
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    Buradaki css dosyasını indir index.html dizine yükle, yüklenen bootstrap.min.css dosyasını kod editöründe açıp col-md-3 diye arat ilgili dive atanmış koordinatları değiştirebilirsin.
  • 30-05-2020, 22:59:42
    #16
    CougaR adlı üyeden alıntı: mesajı görüntüle
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
    Buradaki css dosyasını indir index.html dizine yükle, yüklenen bootstrap.min.css dosyasını kod editöründe açıp col-md-3 diye arat ilgili dive atanmış koordinatları değiştirebilirsin.

    yaptım yine olmuyor