AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL

Bootstrap Dropdown


Bootstrap Tutorial » Bootstrap Dropdown

.dropdown class indicates a dropdown menu.

To open the dropdown menu, use a button or a link with a class of .dropdown-toggle and the data-toggle="dropdown" attribute.

 

Dropdown Divider - example

Add the .dropdown-menu class to a <ul> element to actually build the dropdown menu.

Example:

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
<h2>Bootstrap Dropdowns</h2>
<div class="dropdown">
<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">Programming Tutorials
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="#">PHP</a></li>
<li><a href="#">Python</a></li>
<li><a href="#">C++</a></li>
<li class="divider"></li>
<li><a href="#">About Us</a></li>
</ul>
</div>
</div>

</body>
</html>

 

Bootstrap Dropdowns multiple, not works, dropdown select, menu, not working, on hover, submenu, input, navbar, with search, require popper.js

Bootstrap Dropdowns multiple, not works, dropdown select, menu, not working, on hover, submenu, input, navbar, with search, require popper.js
Bootstrap Dropdown - bootstrap

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


0
Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.