Bootstrap Kod İstek

20-10-2021, 13:58:15

Merhaba,
Görselde yer alan sayfa düzenini bir türlü oluşturamadım. Yardımcı olabilecek var mı?
https://prnt.sc/1wu4std

NOT : sadece grid düzeni yeterlidir.

20-10-2021, 14:15:19

#2

ErtugrulSaruhan

yardımcı olmaya çalışırım

20-10-2021, 14:44:58

#3

ebubekirgns

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
    <div class="container">
        <div class="row" style="margin-top:25px;">
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-6">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                    <div class="col-md-6">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                </div>
                <div class="row" style="margin-top: 25px;">
                    <div class="col-md-4">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                    <div class="col-md-4">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                    <div class="col-md-4">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <img src="https://via.placeholder.com/400x554" class="img img-fluid">
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>

20-10-2021, 14:50:06

#4

Kagulenay

İlginiz için çok çok teşekkür ederim, elinize sağlık.

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
    <div class="container">
        <div class="row" style="margin-top:25px;">
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-6">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                    <div class="col-md-6">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                </div>
                <div class="row" style="margin-top: 25px;">
                    <div class="col-md-4">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                    <div class="col-md-4">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                    <div class="col-md-4">
                        <img src="https://via.placeholder.com/500x400" class="img img-fluid">
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <img src="https://via.placeholder.com/400x554" class="img img-fluid">
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
</body>
</html>

20-10-2021, 14:50:54

#5

ebubekirgns

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

İlginiz için çok çok teşekkür ederim, elinize sağlık.

İstediğiniz gibi oldu mu bilmiyorum fakat 2 dakikada bu çıktı

20-10-2021, 14:51:49

#6

Kagulenay

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

İstediğiniz gibi oldu mu bilmiyorum fakat 2 dakikada bu çıktı

Evet istediğim gibi oldu nerede hata yaptığımı bir türlü analiz edemedim. Çok sağolun tekrar.