Lava Example - 61 | Rock Community

Lava Example - 45

Prompt

In our template we have three containers of data. By default they are shown full-width, which means they're "stacked" down the page.

Add classes to each of them and wrap them in a row, so they line up side-by-side on small devices and larger.

(You can use Lava to add content if you'd like to, but once again this is focusing on HTML rather than Lava for the moment).

Initial Code

<div class="well">Call to Action #1</div>
<div class="well">Call to Action #2</div>
<div class="well">Call to Action #3</div>

Solution Lava

<div class="row">
    <div class="well col-sm-4">Call to Action #1</div>
    <div class="well col-sm-4">Call to Action #2</div>
    <div class="well col-sm-4">Call to Action #3</div>
</div>