Top Color:
Main Color:
Bottom Color:
Header Image:
  • background1
  • background2
  • background3
  • background4
  • background5
  • background6
  • background7
  • background8
  • background9
Layout Style:
  • Wide
  • Boxed
Search

(+088) - 210 - 3647

Email : dnnskindev@gmail.com

Consulting Online !

Thursday , April , 18 2024
You are here : Features  >  Short Codes  >  Dropdowns

Dropdowns

  1. <ul class="nav nav-pills">
  2.   <li class="dropdown" id="menu1">
  3.   <a class="dropdown-toggle" data-toggle="dropdown" href="#menu1">Dropdown
  4.   <strong class="caret"></strong>
  5.   </a>
  6.     <ul class="dropdown-menu">
  7.       <li><a href="#">Action</a></li>
  8.       <li><a href="#">Another action</a></li>
  9.       <li><a href="#">Something else here</a></li>
  10.     </ul>
  11.   </li>
  12. </ul>

Button dropdowns

  1. <div class="btn-group">
  2.   <button class="btn dropdown-toggle" data-toggle="dropdown">Action <span class="caret"></span></button>
  3.   <ul class="dropdown-menu">
  4.     <li><a href="#">Action</a></li>
  5.     <li><a href="#">Another action</a></li>
  6.     <li><a href="#">Something else here</a></li>
  7.   </ul>
  8. </div>

Split button dropdowns

  1. <div class="btn-group">
  2.   <button class="btn">Action</button>
  3.   <button data-toggle="dropdown" class="btn dropdown-toggle"><span class="caret"></span></button>
  4.   <ul class="dropdown-menu">
  5.     <li><a href="#">Action</a></li>
  6.     <li><a href="#">Another action</a></li>
  7.     <li><a href="#">Something else here</a></li>
  8.   </ul>
  9. </div>