0
Kayıt Ol

Bootstrap Yardım

3

●

144

  • 05-02-2023, 22:34:52
    #1
    Aliemre
    Aliemre
    Herkese İyi Forumlar Şu şekilde solda büyük bir div sağında 4 adet eşit boyutta div yapmak istiyorum. şu görünümü veremedim 2 si alta kayıyor. sanırım row' u yanlış kullanıyorum yardımcı olabilir misiniz.
  • 05-02-2023, 22:38:18
    #2
    Xelim
    Xelim 
    <div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
</div>
    Bu şekilde yapabilirsin
  • 06-02-2023, 17:20:40
    #3
    Aliemre
    Aliemre
    Xelim adlı üyeden alıntı: mesajı görüntüle 
    <div class="row">
<div class="col-md-6">
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6"></div>
<div class="col-md-6"></div>
<div class="col-md-6"></div>
<div class="col-md-6"></div>
</div>
</div>
    Bu şekilde yapabilirsin
    Hocam Şu Şekilde Bir Düzenleme Yaptım Ama Sağdaki 4 div ile büyük div denk gelmedi verdiğim class lardan hangisi bu eşitiği bozuyor bakabilir misiniz 

    <div class="container">
        <div class="row">
            <div style="height: 500px;" class="col-lg-6 bg-primary"></div>
            <div class="col-md-6">
            <div class="row">
                <div style="height: 205px;" class="col-lg-5 bg-danger mt-5 ml-4"></div>
                <div style="height: 205px;" class="col-lg-5 bg-primary mt-5 ml-4"></div>
                <div style="height: 205px;" class="col-lg-5 bg-secondary mt-5 ml-4"></div>
                <div style="height: 205px;" class="col-lg-5 bg-danger mt-5 ml-4"></div>
            </div>
        </div>
    </div>
  • 08-02-2023, 10:45:48
    #4
    Xelim
    Xelim
    Aliemre adlı üyeden alıntı: mesajı görüntüle
    Hocam Şu Şekilde Bir Düzenleme Yaptım Ama Sağdaki 4 div ile büyük div denk gelmedi verdiğim class lardan hangisi bu eşitiği bozuyor bakabilir misiniz

    <div class="container">
        <div class="row">
            <div style="height: 500px;" class="col-lg-6 bg-primary"></div>
            <div class="col-md-6">
            <div class="row">
                <div style="height: 205px;" class="col-lg-5 bg-danger mt-5 ml-4"></div>
                <div style="height: 205px;" class="col-lg-5 bg-primary mt-5 ml-4"></div>
                <div style="height: 205px;" class="col-lg-5 bg-secondary mt-5 ml-4"></div>
                <div style="height: 205px;" class="col-lg-5 bg-danger mt-5 ml-4"></div>
            </div>
        </div>
    </div>
    height'i 250 yerine 205px vermişsin hocam