lanjutan responsible column

 kembali lagi dengan bagaimana belajar responsive dengan belajar column , disini kita belajar pembagian column di web mau berapa dan diposisi mana

  <div class="container bordered">

      <div class="row" style="height: 100vh;">

      <div class="col-12 col-sm-6 col-lg-3 turun">

         <div class="contoh">1</div>

       </div>

       <div class="col-12 col-sm-6 col-lg-3 turun">

         <div class="contoh ">2</div>

       </div>

        <div class="col-12 col-sm-6 col-lg-3 turun">

         <div class="contoh ">2</div>

       </div>

       <div class="col-12 col-sm-6 col-lg-3 turun">

         <div class="contoh ">2</div>

       </div>

maka container akan pernuh satu layar

rubah ini 

 <div class="row align-items-center" style="height: 100vh;">

akan berubah ditengah 

dan kalau ingin mau dibuat dibawah makan ganti dengan ini

<div class="row align-items-end" style="height: 100vh;">

kalau mau yang lebih bisa cek disini

Artikel Terkait: