<div class="uk-section uk-section-default">
    <div class="uk-container">

        <div class="uk-child-width-1-4" uk-grid>
            <div>

                <h3>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
                        <ul>
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
            <div>

                <h3>Bullet</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
                        <ul class="uk-width-1-1">
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
            <div>

                <h3>Divider</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
                        <ul>
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
            <div>

                <h3>Striped</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
                        <ul>
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
        </div>

        <h2>Large</h2>

        <div class="uk-child-width-1-4" uk-grid>
            <div>

                <h3>Default</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
                        <ul>
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
            <div>

                <h3>Bullet</h3>

                <ul class="uk-list uk-list-large uk-list-bullet">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>
                        List item 4
                        <ul class="uk-width-1-1">
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
            <div>

                <h3>Divider</h3>

                <ul class="uk-list uk-list-large uk-list-divider">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4
                        <ul>
                            <li>List item 1</li>
                            <li>List item 3
                                <ul>
                                    <li>List item 1</li>
                                    <li>List item 2</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                    <li>List item 6</li>
                </ul>

            </div>
            <div>

                <h3>Striped</h3>

                <ul class="uk-list uk-list-large uk-list-striped">
                    <li>List item 1</li>
                    <li>List item 2</li>
                    <li>List item 3</li>
                    <li>List item 4
                        <ul>
                            <li>List item 1</li>
                            <li>List item 3
                                <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>
