Answers for "dropdown menu form bootstrap"

11

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>
Posted by: Guest on May-28-2020
0

dropdown menu bootstrap

<div class="collapse navbar-collapse">
    <ul class="navbar-nav mr-auto">
      	<li class="nav-item">
      		<a class="nav-link" href="#">Clientes</a>
      	</li>
      	<li class="nav-item">
      		<a class="nav-link" href="#">Fornecedores</a>
      	</li>
     	<li class="nav-item dropdown">
          <a  class="nav-link dropdown-toggle" href="#" data-toggle="dropdown">
            Veículos
          </a>
          <div class="dropdown-menu">
            <a class="dropdown-item" href="#">Carros</a>
            <a class="dropdown-item" href="#">Marcas</a>
            <a class="dropdown-item" href="#">Modelos</a>
          </div>
    	</li>
	</ul>
</div>
Posted by: Guest on October-08-2021
-1

dropdown forms in bootstrap

<li class="dropdown">
         <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown            

         <b class="caret"></b></a>
         <ul class="dropdown-menu">
           <li><a href="#"><form role="form">
<div class="form-group">
  <label for="sel1">Select list (select one):</label>
  <select class="form-control" id="sel1">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
  </select>
  <br>
  <label for="sel2">Mutiple select list (hold shift to select more than one):</label>
  <select multiple class="form-control" id="sel2">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
  </select>
</div>
Posted by: Guest on November-05-2020

Browse Popular Code Answers by Language