Home / JavaScript / ed Navbar v1.0 – Customisable Multi-Level Vertical jQuery Navbar for Bootstrap 4 (Navigation)

ed Navbar v1.0 – Customisable Multi-Level Vertical jQuery Navbar for Bootstrap 4 (Navigation)

ed Navbar is a vertical jQuery navbar, which extends Bootstrap Four for vertical navbar structure and helps a number of sub-levels. It’s extremely customisable, cellular prepared and works with native and exterior hyperlinks. ed Navbar is designed with Bootstrap Four in thoughts and would undertake any Bootstrap Four design by default.

A) CSS/SCSS Information and Construction

Index file showcasing ed Navbar v1.0.

  1. index.html

There are three css information included – css/ed-navbar.css consists of Bootstrap’s default kinds in addition to all kinds related to ed Navbar v1.0 (on the finish). There’s one .css.map file included – ed-navbar.css.map. File ed-navbar.css throughout the css listing is the output file of the primary scss file ed-navbar.scss throughout the scss listing and extends Bootstrap’s default theme for a customisable vertical navbar structure. Bootstrap 4.1.Three scss information are included within the bootstrap_scss listing.

File ed-navbar.scss consists of a number of SCSS variables to permit for a simple customisation of the navbar. The colour and background colour of courses .nav-link, .download-item and .navbar-brand are customisable as is the background colour of the .navbar class. Spacing choices are included too.

  1. css/ed-navbar.css
  2. css/ed-navbar.css.map
  3. scss/ed-navbar.scss
  4. scss/bootstrap_scss – listing containing a non-modified copy of Bootstrap 4.1.Three scss information

The node_modules listing accommodates npm dependencies – Bootstrap 4.1.3 , jQuery 3.3.1, Popper.js 1.0.2 and Tooltip.js 1.2.0. An npm package deal file in included too – package deal.json.

  1. package deal.json – npm package deal file
  2. node_modules – listing of npm dependencies (Bootstrap 4.1.3 , jQuery 3.3.1, Popper.js 1.0.2 and Tooltip.js 1.2.0)


There’s one js file that features the mandatory code for ed Navbar – ed-navbar.js. Bootstrap 4.1.Three JS (bootstrap.min.js), jQuery 3.3.1 (jquery.min.js) and Popper 1.0.2 (popper.min.js) are included too.

  1. js/ed-navbar.js
  2. js/bootstrap.min.js
  3. js/jquery.min.js
  4. js/popper.min.js

C) Assist & Assets

ed Navbar is designed particularly for Bootstrap 4-based templates and extends Bootstrap Four for a vertical navbar structure. For extra assets on Bootstrap theming please consult with Bootstrap Four Theming Documentation. For assistance on SASS, consult with the SASS information beneath.

  • Bootstrap 4
  • Bootstrap Four Theming Documentation
  • SASS information

Best Price| | Preview

Source Link

Velocity loading


Your Score:
( 1 votes)

About puturos