
Bootstrap 4 ile Ekranı 4 Eşit Parçaya Nasıl Bölebilirsiniz?
">Bootstrap 4 ile Ekranı 4 Eşit Parçaya Nasıl Bölebilirsiniz?
Örnekteki uygulama ile Ekranı 4 eşit parçaya bölebilirsiniz.
Örnekteki uygulama ile Ekranı 4 eşit parçaya bölebilirsiniz.
satır 1 kolon 1
satır 1 kolon 2
satır 2 kolon 1
satır 2 kolon 2
Bootstrap 4 ile Ekranı 4 Eşit Parçaya Nasıl Bölebilirsiniz?
Örnekteki uygulama ile Ekranı 4 eşit parçaya bölebilirsiniz.

<div class="container-fluid vh-100">
<div class="row h-50">
<div class="col-sm-4 overflow-auto bg-info">
<div class="">satır 1 kolon 1</div>
</div>
<div class="col-sm-8 overflow-auto bg-warning">
<div class="">satır 1 kolon 2</div>
</div>
</div>
<div class="row h-50">
<div class="col-sm-4 overflow-auto bg-success">
<div class="">satır 2 kolon 1</div>
</div>
<div class="col-sm-8 overflow-auto bg-danger">
<div class="">satır 2 kolon 2</div>
</div>
</div>
</div>
Örnekteki uygulama ile Ekranı 4 eşit parçaya bölebilirsiniz.
<div class="container-fluid vh-100">
<div class="row h-50">
<div class="col-sm-4 overflow-auto bg-info">
<div class="">satır 1 kolon 1</div>
</div>
<div class="col-sm-8 overflow-auto bg-warning">
<div class="">satır 1 kolon 2</div>
</div>
</div>
<div class="row h-50">
<div class="col-sm-4 overflow-auto bg-success">
<div class="">satır 2 kolon 1</div>
</div>
<div class="col-sm-8 overflow-auto bg-danger">
<div class="">satır 2 kolon 2</div>
</div>
</div>
</div>