• Home
    • English
    • 中文
  • About Us
  • Services
    • SEO Services
    • Website Design Service
  • Projects
  • Docs
  • Blog
    • Affiliate
    • Ecommerce
    • Frontend
    • linux
      • nginx
    • PHP
      • Magento
      • wordpress
    • Python
    • SEO
    • Web
  • Contact Us

Subscribe to Updates

Get the latest creative news from FooBar about art, design and business.

What's Hot

Design a plugin for wordpress woocommerce to display a tab to show attachment download

2024-04-06

TranslatePress v2.6.9 – WordPress Translation Plugin

2023-12-25

A Linux batch script converting pictures to webp format

2023-07-10
Facebook Twitter Instagram
  • 中文
  • English
Facebook Twitter Instagram Pinterest VKontakte
Weilai Tech Weilai Tech
  • Home
    • English
    • 中文
  • About Us
  • Services
    • SEO Services
    • Website Design Service
  • Projects
  • Docs
  • Blog
    • Affiliate
    • Ecommerce
    • Frontend
    • linux
      • nginx
    • PHP
      • Magento
      • wordpress
    • Python
    • SEO
    • Web
  • Contact Us
Weilai Tech Weilai Tech
Home»Frontend»Bootstrap Navbar Dropdowns
Frontend

Bootstrap Navbar Dropdowns

OxfordBy Oxford2021-04-17No Comments1 Min Read
Facebook Twitter Pinterest LinkedIn Tumblr Email
Share
Facebook Twitter LinkedIn Pinterest Email

https://github.com/fontenele/bootstrap-navbar-dropdowns

Support for bootstrap 3, 4 and 5

Installation

Node

npm install boostrap-navbar-dropdowns

or

yarn add boostrap-navbar-dropdowns
Using CDN
<link href="https://cdn.jsdelivr.net/gh/fontenele/[email protected]/dist/css/bootstrap-navbar-dropdowns.min.css"rel="stylesheet">
<script src="https://cdn.jsdelivr.net/gh/fontenele/[email protected]/dist/js/bootstrap-navbar-dropdowns.min.js"></script>

Usage

$('.navbar').navbarDropdown({
  theme: 'bs5',
  trigger: 'mouseover'
});

Options

Name Type Description
theme string Bootstrap theme. Valid values are bs3, bs4 or bs5
trigger string Event for show dropdown content. Valid values are all DOM Events.

Examples

  • Bootstrap 3

    • Example
    • CodePen
  • Bootstrap 4

    • Example
    • CodePen
  • Bootstrap 5

    • Example
    • CodePen

Creators

Guilherme Fontenele

  • https://github.com/fontenele

Bootstrap resoures

Copyright and license

Copyright Guilherme Fontenele, 2014–2020.

Licensed under the MIT License.

Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Avatar photo
Oxford

Related Posts

VideoJS – multiple source demo

2022-03-08

closeable list item w3.css

2021-06-05

The Best Looking CSS Animated Background Examples

2021-05-25

30 Best Bootstrap Navbar Template in 2020

2021-04-17
Recent Posts
  • Design a plugin for wordpress woocommerce to display a tab to show attachment download
  • TranslatePress v2.6.9 – WordPress Translation Plugin
  • A Linux batch script converting pictures to webp format
  • Hearing aid listed company official website SEO case
  • how to use docker to run php5.6 plus apache
April 2021
M T W T F S S
 1234
567891011
12131415161718
19202122232425
2627282930  
« Mar   May »
Tags
app branding design digital Docly docs etc faq fix github Helpdesk Image issue magento Manual marketing memecached Photography planing seo sequrity tips Travel ui/ux web WordPress 爬虫
Editors Picks
About Us

Guangzhou Weilai Technology is a foreign trade integrated marketing service provider focusing on Google as the drainage center and marketing self-built website as the carrier.

Email Us: [email protected]
Contact: +86 18676917505

Facebook Pinterest YouTube LinkedIn
Recent Posts
  • Design a plugin for wordpress woocommerce to display a tab to show attachment download
  • TranslatePress v2.6.9 – WordPress Translation Plugin
  • A Linux batch script converting pictures to webp format
  • Hearing aid listed company official website SEO case
  • how to use docker to run php5.6 plus apache
From Flickr
Website Design Case
© 2024 Copyright by Guangzhou Weilai Technology Co.,Ltd..
  • Home
  • About Us
  • SEO Services
  • Website Design Service
  • Projects
  • Blog
  • Contact Us

Type above and press Enter to search. Press Esc to cancel.