content_copy
open in new window
1
2
3
4
5
6
7
1
2
3
4
5
6
1
2
3
4
5
6
7
<div class="container col-margin"> <div class="content"> <div class="col col-mb-6 col-4 col-dt-auto col-margin-bottom"> <div class="demo">1</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-margin-bottom"> <div class="demo">2</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-margin-bottom"> <div class="demo">3</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-margin-bottom"> <div class="demo">4</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-margin-bottom"> <div class="demo">5</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-margin-bottom"> <div class="demo">6</div> </div> <div class="col col-mb-hide col-hide col-dt-auto col-margin-bottom"> <div class="demo active">7</div> </div> </div> <div class="content"> <div class="col col-mb-12 col-6 col-dt-4 col-ld-2 col-margin-bottom"> <div class="demo inactive">1</div> </div> <div class="col col-mb-12 col-6 col-dt-4 col-ld-2 col-margin-bottom"> <div class="demo inactive">2</div> </div> <div class="col col-mb-12 col-6 col-dt-4 col-ld-2 col-margin-bottom"> <div class="demo inactive">3</div> </div> <div class="col col-mb-12 col-6 col-dt-4 col-ld-2 col-margin-bottom"> <div class="demo inactive">4</div> </div> <div class="col col-mb-12 col-6 col-dt-4 col-ld-2 col-margin-bottom"> <div class="demo inactive">5</div> </div> <div class="col col-mb-12 col-6 col-dt-4 col-ld-2 col-margin-bottom"> <div class="demo inactive">6</div> </div> </div> <div class="content"> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo">1</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo">2</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo">3</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo">4</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo">5</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo">6</div> </div> <div class="col col-mb-6 col-4 col-dt-auto col-dt-min-3 col-margin-bottom"> <div class="demo active">7</div> </div> </div> </div>
Копировать код примера
Открыть пример в новом окне