Question

当我在编写简单的网站代码时，出现了问题问题是我想通过使用bootstrap（response）写一篇没有空间的长文章，但是我猜bootstrap有一个错误。我将其分为3个div，1个左div 2个，中div 3个-右div。。我该如何解决这个问题？

您可以看到照片 div部分：

代码部分：

<!DOCTYPE html>

<body>

    <header>
    <!-- Ust Kısım -->
        <div class="container-fluid">
            <div class="row">
                <div class="col-2">
                    <img class="img-fluid" width="125" height="50" src="logo2.png"/>
                </div>
                <div id="arama_cubugu" class="col-4">
                    <form>
                        <div class="form-group">                        
                            <input class="form-control" id="inputdefault" type="text">
                        </div>
                    </form>
                </div>
                <div id="arama_buton" class="col-2">
                <button type="button" class="btn btn-warning">Hemen Ara</button>
                </div>
                <div id="sag_ust_giris" class="col-4">
                    Giriş Yap
                </div>
            </div>
                <hr/>
        </div>
    </header>
    <!-- İçerik kısmı -->
        <div class="container-fluid">

                <div class="row">
                    <!-- SOL KISIM -->
                    <div id="sol" class="col-2">
                    Sol deneme
                    </div>  
                    <!-- ORTA KISIM -->
                    <div id="orta" class="col-6">
                        <div class="container">
                            <!-- Orta kısım üst alanı -->
                            <div class="row">                               
                                <div class="col-4">
                                BEĞEN / BEĞENME
                                </div>
                                <div class="col-8">
                                Paylaşan KROOXXPİİSWWQ_R
                                </div>
                            </div>
                            <!-- Web Adı -->
                            <div class="row">
                                <div class="col-8">
                                www.gogle.com
                                </div>
                                <div class="col-4">
                                </div>
                            </div>
                            <!-- Web Description -->
                            <div class="row">
                                <div class="col">
                                Deneme Deneme Deneme DenemeDeneme DenemeDeneme DenemeDeneme DenemeDeneme DenemeDeneme Deneme Deneme Deneme

                                </div>      
                            </div>
                        </div>
                    </div>
                    <!-- YORUM DİVİ -->
                    <div id="yorum"  class="col-4">
                        <div class="container">
                            <div class="row">
                                <!-- Kullanıcı_adı -->
                                <div class="col-4">
                                Hakan
                                </div>
                                <div class="col-8">
                                </div>
                            </div>

                            <div class="row">
                                <!-- Yorum -->
                                <div class="col-12">
                                çok iyi çok güzel çookçok iyi çok güzel çookçok iyi çok güzel çookçok iyi çok güzel çookçok iyi çok güzel çookçok iyi çok güzel çook
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-2">
                                </div>
                                <!-- Yorum etiket -->
                                <div class="col-10">
                                #matematik #problemler
                                </div>
                            </div>
                        </div>
                    </div>
                </div>  


            </div>


</body>

引导响应中的长文章问题

0 个答案: