Arches: ACC & Bootstrap

Arches:ACC & Bootstrap

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_boot.css, line 10465

6.1.1.1 Split Page - Pages with Side Bar

Sub.ClassList.Grid.Split-50 - Grid Split Classes

Data Elements:

Example

Default styling

content

content

<section item-label="section" class="m-x_n4 wrapper-container">
    <div class="columns_2:md columns_1 gap_5:lg gap_6:xl gap_4 grid">
        <div item-label="content" class="wrapper-container">content</div>
        <div item-label="content" class="wrapper-container">content</div>
    </div>
</section>

<section item-label="section" class="m-x_n4 wrapper-container">
    <div class="columns_2:md columns_1 gap_5:lg gap_6:xl gap_4 grid">
        <div item-label="content" class="wrapper-container">content</div>
        <div item-label="content" class="wrapper-container">content</div>
    </div>
</section>

Code Sample

Copy Code