@piedweb/bootstrap5-extended v0.0.16

Bootstrap 5 Extended

Demo piedvert.com (Mountain Guide Website in Vercors)

Theme and UI Kit functionnal without Javascript

• Bootstrap working without javascript (except a few enhancement like navbar transparent background before scroll)
• Add few utilities
  • .bg-{color} (blue, green, yellow, etc.)
  • .icon-{color}
  • .text-{color}
  • .a (text looks like a link), .link-text (link looks like text), .ninja (link invisible)
  • .fullwidth
  • .container-txt (default max-width 720px)
  • .border-transparent (useful for overriding default form)
  • .mw-{breakpoint} (max-width)
• Add few component
  • TinySlider Gallery
  • Inline Gallery
  • Unordered masonry (gallery)
  • Pure CSS Navbar Toggler (bootstrap issue)
  • Intro-Sidebar (Right or Left)-Content

Installation

npm i @piedweb/bootstrap5-extended

Then see app.scss to import what you need.

Documentation

Usage

See demo/index.html app.js and app.css.

Bootstrap 5 Navbar toggler without javascript

@import 'bs5-extended/component/navbar-css-toggler.scss';

Integration:

• Via PiedWeb/ThemeComponent for PiedWeb/CMS

Credits

Inspired by bootstrap ecosystem. Initially built by Pied Web