Bootstrap Layout Exercise
Exercise 1
50% desktop, 100% mobile
50% desktop, 100% mobile
50% desktop, 100% mobile
50% desktop, 100% mobile
<!-- Modify the HTML code for the purple boxes below so it behaves like the green ones. --> <div class="row"> <div class="">50% desktop, 100% mobile</div> <div class="">50% desktop, 100% mobile</div> </div>
Apply Changes
Exercise 2
Column 1
Column 2
Column 3
Column 1
Column 2
Column 3
<!-- Modify the HTML below to make the blue boxes behave like the red ones. --> <div class="row"> <div class="">Column 1</div> <div class="">Column 2</div> <div class="">Column 3</div> </div>
Apply Changes
Exercise 3
Column 1
Column 2
Column 1
Column 2
<!-- Modify the HTML below to make the indigo boxes behave like the blue ones. --> <div class="row"> <div class="">Column 1</div> <div class="">Column 2</div> </div>
Apply Changes