Konular
Videolar
Sunular
Testler

Bootstrap 4 ile Ekranı 4 Eşit Parçaya Nasıl Bölebilirsiniz?

Örnekteki uygulama ile Ekranı 4 eşit parçaya bölebilirsiniz.

Bootstrap 4 ile Ekranı 4 Eşit Parçaya Nasıl 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>

 

 

1,913 Okunma Henüz yorum yapılmamış 26/01/2020 17:43:17 26/01/2020 17:43:37

Yorumunuzu Ekleyin

Bootstrap CSS Componentleri

Bootstrap ile kullanılan CSS destekli HTML Componentlerden bazıları..

19,707 Okunma Henüz yorum yapılmamış 12/01/2018 21:43:41 13/01/2018 00:44:45

Bootstrap Form Elemanları

Bootstrapın temel form mantığı ve bir kaç örnek...

17,845 Okunma Henüz yorum yapılmamış 11/09/2018 14:33:20 11/09/2018 14:33:52

Bootstrap Grid Sistemi

Bildiğiniz gibi Bootstrap ile responsive tasarımlar yapmak çok basit ve hızlı. İstediğimiz her öğe için birer yapılmış ve kopyala yapıştır yaparak hızlıca sitemizi Bootstrap ile şekillendirebiliriz.

17,158 Okunma Henüz yorum yapılmamış 25/10/2014 19:05:47 25/10/2014 19:06:28

Bootstrap Class Referansı

Bootstrap v4.3.0 Class Listesi

11,908 Okunma Henüz yorum yapılmamış 17/11/2014 00:25:45 17/04/2019 02:52:17

Bootstrap 3 JavaScript Componentleri

Bootstrap ile kullanılan Javascript destekli Componentlerden bazıları... Makalenin bazı bölümleri ingilizcedir.

10,465 Okunma Henüz yorum yapılmamış 24/11/2014 15:36:14 20/02/2017 23:06:13

Bootstrap 4 Navbar Menü Örnekleri

Normal bootstrap 4 navabarı ile fare üzerine gelince açılan, yatayda tüm ekranı kaplayan ve zemininde siyah gölgesi olan menü örnek kodları.

2,530 Okunma Henüz yorum yapılmamış 04/06/2020 14:43:57 04/06/2020 14:44:49

Yükleniyor...