ARMAGEDDON POP

Music Philosophy Art Math Chess Programming and much more ...

January
18
Saturday
2025
2025 01 18

Bootstrap columns



col
col
col-1
col-11
col-2
col-10
col-3
col-9
col-4
col-8
col-5
col-7
col-6
col-6
col-7
col-5
col-8
col-4
col-9
col-3
col-10
col-2
col-11
col-1
col-12
col-sm-6
col-sm-6
col-md-4
col-md-4
col-md-4
col-lg-3
col-lg-3
col-lg-3
col-lg-3
col-xl-2
col-xl-2
col-xl-2
col-xl-2
col-xl-2
col-xl-2
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
col-xxl-1
 
 
 

The Code

(Try to resize the wievport to see the responsive hierarchy)

<div class="container"> <div class="row"> <div class="col center">col</div> <div class="col center">col</div> </div> <div class="row"> <div class="col-1 center">col-1</div> <div class="col-11 center">col-11</div> </div> <div class="row"> <div class="col-2 center">col-2</div> <div class="col-10 center">col-10</div> </div> <div class="row"> <div class="col-3 center">col-3</div> <div class="col-9 center">col-9</div> </div> <div class="row"> <div class="col-4 center">col-4</div> <div class="col-8 center">col-8</div> </div> <div class="row"> <div class="col-5 center">col-5</div> <div class="col-7 center">col-7</div> </div> <div class="row"> <div class="col-6 center">col-6</div> <div class="col-6 center">col-6</div> </div> ...