<div class="uk-section">
    <div class="uk-container uk-width-xxlarge">

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Default</h2>

        <div class="uk-child-width-1-2@s uk-grid-large" uk-grid>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Default</h3>
                <ul class="uk-list">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Large</h3>
                <ul class="uk-list uk-list-large">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>
        </div>

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Divider</h2>

        <div class="uk-child-width-1-2@s uk-grid-large" uk-grid>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Default</h3>
                <ul class="uk-list uk-list-divider">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Large</h3>
                <ul class="uk-list uk-list-divider uk-list-large">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>
        </div>

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Striped</h2>

        <div class="uk-child-width-1-2@s uk-grid-large" uk-grid>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Default</h3>
                <ul class="uk-list uk-list-striped">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Large</h3>
                <ul class="uk-list uk-list-striped uk-list-large">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>
        </div>

        <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Bullet</h2>

        <div class="uk-child-width-1-2@s uk-grid-large uk-margin-large-bottom" uk-grid>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Default</h3>
                <ul class="uk-list uk-list-bullet">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>

            <div>
                <h3 class="uk-h4 uk-margin-medium-bottom">Large</h3>
                <ul class="uk-list uk-list-bullet uk-list-large">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4 with some more text wrapping into the next line</li>
                    <li>List item 5
                        <ul>
                            <li>List item 1</li>
                            <li>List item 2
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>
            </div>
        </div>

    </div>
</div>
