<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2><form class="form-horizontal"> <fieldset> <!-- Form Name --> <legend>Gegevens contactpersoon</legend> <!-- Multiple Radios (inline) --> <div class="control-group"> <label class="control-label" for="aanhef">Aanhef</label> <div class="controls"> <label class="radio inline" for="aanhef-0"> <input name="aanhef" id="aanhef-0" type="radio" checked="checked" value="De heer"> De heer </label> <label class="radio inline" for="aanhef-1"> <input name="aanhef" id="aanhef-1" type="radio" value="Mevrouw"> Mevrouw </label> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Uw voornaam">Uw voornaam</label> <div class="controls"> <input name="Uw voornaam" class="input-xlarge" id="Uw voornaam" type="text" placeholder="Vul hier uw voornaam in"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="tussenvoegsels">Tussenvoegsels</label> <div class="controls"> <input name="tussenvoegsels" class="input-xlarge" id="tussenvoegsels" type="text" placeholder="Vul hier uw tussenvoegsels in"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Uw achternaam">Uw achternaam</label> <div class="controls"> <input name="Uw achternaam" class="input-xlarge" id="Uw achternaam" type="text" placeholder="Vul hier uw achternaam in"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Uw functie">Uw functie</label> <div class="controls"> <input name="Uw functie" class="input-xlarge" id="Uw functie" type="text" placeholder="Vul hier uw functie in"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Direct telefoonnummer">Direct telefoonnummer</label> <div class="controls"> <input name="Direct telefoonnummer" class="input-xlarge" id="Direct telefoonnummer" type="text" placeholder="Uw directe telefoonnummer"> </div> </div> <!-- Text input--> <div class="control-group"> <label class="control-label" for="Persoonlijk e-mailadres">Zakelijke e-mailadres</label> <div class="controls"> <input name="Persoonlijk e-mailadres" class="input-xlarge" id="Persoonlijk e-mailadres" type="text" placeholder="Vul hier uw zakelijke e-mailadres"> </div> </div> <!-- Multiple Radios --> <div class="control-group"> <label class="control-label" for="kennisniveau">Kennisniveau</label> <div class="controls"> <label class="radio" for="kennisniveau-0"> <input name="kennisniveau" id="kennisniveau-0" type="radio" checked="checked" value="Beginner, wil graag geholpen worden"> Beginner, wil graag geholpen worden </label> <label class="radio" for="kennisniveau-1"> <input name="kennisniveau" id="kennisniveau-1" type="radio" value="Gevorderde, controle na invullen gewenst"> Gevorderde, controle na invullen gewenst </label> <label class="radio" for="kennisniveau-2"> <input name="kennisniveau" id="kennisniveau-2" type="radio" value="Expert, heb geen hulp nodig"> Expert, heb geen hulp nodig </label> </div> </div> <!-- Textarea --> <div class="control-group"> <label class="control-label" for="Persoonlijke informatie">Uw wensen/vragen</label> <div class="controls"> <textarea name="Persoonlijke informatie" id="Persoonlijke informatie">Beschrijf hier hoe we u als klant het beste kunnen helpen. </textarea> </div> </div> <!-- Button --> <div class="control-group"> <label class="control-label" for="opslaan-bijwerken contact"></label> <div class="controls"> <button name="opslaan-bijwerken contact" class="btn btn-primary" id="opslaan-bijwerken contact">Opslaan / bijwerken</button> </div> </div> </fieldset> </form> </h2> </div> </div>