Comment faire une liste déroulante Bootstrap requise?

Donc, j'ai le code suivant pour une zone de liste déroulante faite avec bootstrap:

<div class="btn-group">
    <button id="landKapitein" type="button" data-toggle="dropdown" class="btn btn-default dropdown-toggle">Land
        <span class="caret"></span>
    </button>
    <ul class="dropdown-menu">
        <li><a role="menuitem" tabindex="-1" href="#">België/Belgique</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">Deutschland</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">France</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">Nederland</a></li>
        <li><a role="menuitem" tabindex="-1" href="#">United Kingdom</a></li>
     </ul>
</div>

Maintenant je veux qu'il soit nécessaire de sélectionner quelque chose dans cette liste déroulante de la boîte avant de pouvoir continuer. Je l'ai déjà fait pour des zones de texte et des boutons radio par le simple ajout de nécessaire de la balise, mais je n'ai pas de balise comme ça ici, alors comment dois-je faire ensuite?

source d'informationauteur Venser