Voorbeeld

<form class="form-vertical">
    <fieldset class="form-fields">
        <legend class="sr-only">Vertical form</legend>
        <fieldset>
            <legend>Contact</legend>
            <div class="form-group input text">
                <label for="voornaam">Voornaam</label>
                <input type="text" id="voornaam" class="form-control" />
            </div>
            <div class="form-group input text">
                <label for="achternaam">Achternaam</label>
                <input type="text" id="achternaam" class="form-control" aria-describedby="helpTextId_achternaam" />
                <p class="help-block" id="helpTextId_achternaam">Mag ook de familienaam zijn</p>
            </div>
            <div class="form-group input email">
                <label for="email">E-mailadres</label>
                <input type="email" id="email" class="form-control" />
            </div>
            <div class="form-group input password">
                <label for="password">Wachtwoord</label>
                <input type="password" id="password" class="form-control" />
            </div>
            <div class="form-group input password">
                <label for="password_bevestig">Wachtwoord (bevestig)</label>
                <input type="password" id="password_bevestig" class="form-control" />
            </div>
            <div class="form-group static">
                <label class="control-label">Product</label>
                <p class="field-container">
                    4.4.1738
                </p>
            </div>
            <div class="form-group confirm">
                <div class="checkbox">
                    <label>
                <input type="checkbox"
                  
                   /> Stuur mij de maandelijkse nieuwsbrief
              </label>
                </div>
            </div>
        </fieldset>
        <fieldset>
            <legend>Beleg</legend>
            <div class="form-group select multiple">
                <label for="beleg">Beleg</label>
                <select id="beleg" class="form-control" multiple>
                <optgroup label="Vlees">
                    <option value="worst">Worst</option>
                    <option value="salami">Salami</option>
                    <option value="geit">Geit</option>
                </optgroup>
                <optgroup label="Vis">
                    <option value="zalm">Zalm</option>
                    <option value="makreel">Makreel</option>
                </optgroup>
            </select>
            </div>
        </fieldset>
        <fieldset>
            <legend>Vervoer</legend>
            <div class="form-group select">
                <label for="auto_merk">Type auto</label>
                <select id="auto_merk" class="form-control">
                <optgroup label="Europees">
                    <option value="alfa">Alfa Romeo</option>
                    <option value="fiat">Fiat</option>
                    <option value="marcedes" selected>Mercedes</option>
                    <option value="volkswagen">Volkswagen</option>
                </optgroup>
            </select>
            </div>
            <fieldset class="form-group radios">
                <legend class="control-label">Aanhanger2</legend>
                <div class="radio">
                    <label>
                  <input type="radio" name="aanhanger" value="bak" /> Bak
                </label>
                </div>
                <div class="radio">
                    <label>
                  <input type="radio" name="aanhanger" value="caravan" checked /> Caravan
                </label>
                </div>
                <div class="radio">
                    <label>
                  <input type="radio" name="aanhanger" value="fietsendrager" /> Fietsendrager
                </label>
                </div>
                <div class="radio">
                    <label>
                  <input type="radio" name="aanhanger" value="oplegger" /> Oplegger
                </label>
                </div>
            </fieldset>
        </fieldset>
        <fieldset>
            <legend>Vraag</legend>
            <div class="form-group textarea">
                <label for="gekke_vraag">Waarom heeft een tankstation dat 24 uur per dag open is een slot op de deur?</label>
                <textarea class="form-control" id="gekke_vraag" rows="5"></textarea>
                <p class="help-block" id="helpTextId_gekke_vraag">Deze vraag heeft een toelichting</p>
            </div>
        </fieldset>
    </fieldset>
    <div class="form-buttons">
        <button type="submit" class="btn btn-primary">
        Verstuur
    </button>
    </div>
</form>