select dropdown bootstrap 4 code example

Example 1: create a dropdown in html bootstrap

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu2">
    <button class="dropdown-item" type="button">Action</button>
    <button class="dropdown-item" type="button">Another action</button>
    <button class="dropdown-item" type="button">Something else here</button>
  </div>
</div>

Example 2: bootstrap 4 dropdown

<div class="dropdown">
  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown button
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>

Example 3: how sat drop down list in bootstrap 4 like a row and column

<div class="form-row">
        <div class="form-group col-2">
        </div>
        <div class="form-group col-5">
        </div>
        <div class="form-group col-5">
        </div>
      </div>

      <div clas="form-row">
        <div class="form-group col-4">
        </div>
        <div class="form-group col-4">
        </div>        
        <div class="form-group col-4">
        </div>        
      </div>

Tags:

Misc Example