Пока я программировал простой веб-сайт, возникла проблема в том, что я хочу написать длинную статью без пробелов, используя bootstrap (отзывчивый), но я полагаю, что bootstrap имеет ошибку.я разделил его на 3 div, 1 - левый div 2 - средний div 3 - правый div. Когда я пишу длинную статью в среднем div, она переполняется до правого 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>