File tree Expand file tree Collapse file tree 1 file changed +17
-28
lines changed Expand file tree Collapse file tree 1 file changed +17
-28
lines changed Original file line number Diff line number Diff line change 1010</ head >
1111< body >
1212
13- < div class ="container-fluid ">
14- < h1 > 3 column layout</ h1 >
13+ < div class ="container-fluid ">
1514
16- <!--
17- col-sm-push-5 will only push 5 columns on sm view-ports or greater
15+ < h3 > Push and pull</ h3 >
1816
19- screen >= sm (desktop)
20- |A|B|C|
17+ < div class ="row ">
2118
22- screen < sm (mobile)
23- |B|
24- |A|
25- |C|
26- -->
19+ <!--
20+ col-md-push-5 = move right 5 columns on md or greater (stay same for sm)
21+ else just show as normal
22+ -->
23+ < div class ="col-md-5 col-md-push-5 " style ="background: lightgreen ">
24+ Content A - MAIN BANNER
25+ </ div >
2726
28- < div class ="row ">
27+ <!-- col-sm-pull-5 = move left 5 columns -->
28+ < div class ="col-md-5 col-md-pull-5 " style ="background: lightcoral ">
29+ Content B
30+ </ div >
2931
30- <!--
31- col-sm-push-5 = move right 5 columns (on sm or greater)
32- else just show as normal
33- -->
34- < div class ="col-sm-5 col-sm-push-5 " style ="background: lightgreen ">
35- Content B
36- </ div >
37-
38- <!-- col-sm-pull-5 = move left 5 columns -->
39- < div class ="col-sm-5 col-sm-pull-5 " style ="background: lightcoral ">
40- Content A
41- </ div >
32+ < div class ="col-md-2 " style ="background: lightblue ">
33+ Content C
34+ </ div >
4235
43- < div class ="col-sm-2 " style ="background: lightblue ">
44- Content C
4536 </ div >
46-
4737 </ div >
48- </ div >
4938
5039</ body >
5140</ html >
You can’t perform that action at this time.
0 commit comments