Treceți la conținutul principal

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

ed Navbar is a vertical jQuery navbar, which extends Bootstrap 4 for vertical navbar layout and supports multiple sub-levels. It is highly customisable, mobile ready and works with local and external links. ed Navbar is designed with Bootstrap 4 in mind and would adopt any Bootstrap 4 design by default.


A) CSS/SCSS Files and Structure


Index file showcasing ed Navbar v1.0.


  1. index.html

There are three css files included – css/ed-navbar.css includes Bootstrap’s default styles as well as all styles associated with ed Navbar v1.0 (at the end). There is one .css.map file included – ed-navbar.css.map. File ed-navbar.css within the css directory is the output file of the main scss file ed-navbar.scss within the scss directory and extends Bootstrap’s default theme for a customisable vertical navbar layout. Bootstrap 4.1.3 scss files are included in the bootstrap_scss directory.


File ed-navbar.scss includes multiple SCSS variables to allow for an easy customisation of the navbar. The color and background color of classes .nav-link, .download-item and .navbar-brand are customisable as is the background color of the .navbar class. Spacing options are included too.


  1. css/ed-navbar.css

  2. css/ed-navbar.css.map

  3. scss/ed-navbar.scss

  4. scss/bootstrap_scss – directory containing a non-modified copy of Bootstrap 4.1.3 scss files

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


  1. package.json – npm package file

  2. node_modules – directory of npm dependencies (Bootstrap 4.1.3 , jQuery 3.3.1, Popper.js 1.0.2 and Tooltip.js 1.2.0)

B) JavaScript


There is one js file that includes the necessary code for ed Navbar – ed-navbar.js. Bootstrap 4.1.3 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) Help & Resources


ed Navbar is designed specifically for Bootstrap 4-based templates and extends Bootstrap 4 for a vertical navbar layout. For additional resources on Bootstrap theming please refer to Bootstrap 4 Theming Documentation. For help on SASS, refer to the SASS guide below.


  • Bootstrap 4

  • Bootstrap 4 Theming Documentation

  • SASS guide

Best Price| | Preview

Source Link





Speed loading



Price












Your Rating:
3.8
( 1 votes)











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

Comentarii

Trimiteți un comentariu

Postări populare de pe acest blog

Charihope | Charity and Donate PSD Template (Charity) download

Charihope is a clean PSD Template suitable for cause, charity, donate, donations, foundation, fund raising, gallery, non-profit, nonprofit theme, organization, shop website. You can customize it very easy to fit your needs. You can customize it very easy to fit your needs. 1/ Features: 20+ Layered PSD’s 3 Demo Homepage Layouts Google Free Fonts Active and Hover stats are included Easily customizable Photoshop files Every page is fully layered and organized with proper names Clean and Modern Style Pixel Perfect 1170px Grid System 2/ Inside this package: 01_HomePage_v1.psd 02_HomePage_v2.psd 03_HomePage_v3.psd 04_Couses_Slice.psd 05_Couses_Slice_v2.psd 06_Couses_Grid.psd 07_Couses_Details.psd 08_Events_Grid.psd 09_Events_List.psd 10_Events_Details.psd 11_About_Us.psd 12_Our_Volunteers.psd 13_Become_A_Volunteers.psd 14_Gallery.psd 15_404.psd 16_Shop.psd 17_Shopping_Cart.psd 18_Shop_Checkout.psd 19_Contact_Us.psd 20_News.psd 21_News_Details.psd 3/ Fonts In this template, we use font f...
Trimiteți un comentariu
Citiți mai multe

Interico - Stylish Interior Design & Architecture WordPress Theme (Business) download

Interior design, Architecture & Furniture theme with style! Interico is best suitable for interior design, architecture & furniture related companies or individuals, as well as other services in related fields. Interico – suitable for any interior design, architecture related businesses. Use interico in style in unlimited fields related to interior and architecture, such as home designer, architect, lighting specialists, plants companies, landscapers, cafes designers, office interior services, decorators, kitchen design, dining rooms, residential design, commercial design, office buildings, construction company, suitable for provance, modern, tradition, industrial and scandinavian design styles, etc. Interico features amazing modern & professional design, smooth user-experience across multiple devices and is packed with useful features & page templates to get up and running fast & easy with no prior experience. Setting up your website is fast & easy with I...
Trimiteți un comentariu
Citiți mai multe

DigiPro - Digital Marketplace HTML Template with Dashboard (Shopping) download

Overview Overview A multi-functional template with a custom dashboard that allows you selling just about anything online, that is DigiPro. if you’re planning to sell items such as themes, templates, plugins, code snippets, art, logos, e-books, tutorials, audio or video files etc as well as physical items, this clean and modern HTML template design will make a huge positive impression on the visitors and potential buyers. DigiPro HTML5 template is built using the latest technology such as Gulp, SASS, BEM so it’s easy to customize and extend. Our modular layout makes it flexible, reusable and unique every way. It has a rich collection of elements and components so that the user doesn’t have to be limited by the layouts provided. A user can easily make new components, section even pages with ease combining different elements component. Features 5 Different Home pages 3 Different product card style 3 individual product description page Dedicated user/vendor dashboa...
Trimiteți un comentariu
Citiți mai multe