Bootstrap-submenu

Bootstrap Sub-Menus.

Installation

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css">
  <link rel="stylesheet" href="dist/css/bootstrap-submenu.min.css">

  <script src="https://code.jquery.com/jquery-3.2.1.min.js" defer></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" defer></script>
  <script src="dist/js/bootstrap-submenu.min.js" defer></script>
</head>
<body>
  ...
</body>
</html>

Enable Bootstrap-submenu via JavaScript:

// For v2 [data-toggle="dropdown"] is required for [data-submenu].
// For v2 .dropdown-submenu > [data-toggle="dropdown"] is forbidden.
$('[data-submenu]').submenupicker();

Examples

Dropdown

With button

With button-group

Dropup

With button

With button-group

Navbar

Pills