adding bottom margin (deprecated)

This method is deprecated and will be removed in a future version.

Use the newer version of this pattern instead.

<div>
    (empty)
</div>
<div>
    No margin-bottom class
</div>
    <div class="grid-example margin-bottom-12">
        .margin-bottom-12
    </div>
    <div class="grid-example margin-bottom-14">
        .margin-bottom-14
    </div>
    <div class="grid-example margin-bottom-16">
        .margin-bottom-16
    </div>
    <div class="grid-example margin-bottom-18">
        .margin-bottom-18
    </div>
    <div class="grid-example margin-bottom-20">
        .margin-bottom-20
    </div>
    <div class="grid-example margin-bottom-24">
        .margin-bottom-24
    </div>
        

Return to patterns page