Steps

Met onderstaande markup maak je een set stappen.

<link rel="stylesheet"  href="https://files.instruct.nl/fundament/Interactive/Steps/steps.css">
<script src="https://files.instruct.nl/fundament/Interactive/Steps/steps.js"></script>

<div class="ct_steps">
    <ol>
        <li>
            <button>Stap 1</button>
        </li>
        <li>
            <button>Stap 2</button>
        </li>
        <li>
            <button>Stap 3</button>
        </li>
    </ol>
    <div class="ct_step">
        Stap 1...
    </div>
    <div class="ct_step">
        Stap 2...
    </div>
    <div class="ct_step">
        Stap 3...
    </div>
    <div class="ct_step_controls">
        <button class="btn btn-success btn-sm ct_step_previous">&laquo; Vorige</button>
        <button class="btn btn-success btn-sm ct_step_next">Volgende &raquo;</button>
    </div>
</div>

Je kunt de vorige-/volgende-knoppen ook weglaten: