Bootstrap 4: Wie kann ich ein Formular wie dieses erstellen?

Question

Ich bin mit Bootstrap 4, und ich frage mich, eine Form wie folgt aus:

Screenshot:

Es kommt von Semantic-ui http://semantic-ui.com/collections/form.html

edit:
Bootstrap 4 des Auswahlmenü ist so, es hat eine Standardoption, ich will es nicht.

<fieldset class="form-group"> 
    <label for="exampleSelect1">Example select</label> 
    <select class="form-control" id="exampleSelect1"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
     <option>4</option> 
     <option>5</option> 
    </select> 
    </fieldset> 

wie kann ich erstellen?

Answer 1

können Sie die dropdown Klasse verwenden und stellen Sie sicher, dass Sie ein Menü-Header enthalten ein Standardelement zu vermeiden, dass: <h6 class="dropdown-header">Dropdown header</h6>

Zum Beispiel:

<div class="dropdown-menu"> 
    <h6 class="dropdown-header">Gender</h6> 
    <a class="dropdown-item" href="#">Male</a> 
    <a class="dropdown-item" href="#">Female</a> 
</div> 

Mehr Infos hier: http://v4-alpha.getbootstrap.com/components/dropdowns/