Bootstrap 4 Plugins Cheatsheet

  • Lightbox: Used to overlay images and videos on a page and dim out the rest of the page content.
  • Carousel:A slideshow component for cycling through elements—images or slides of text—like a carousel.
  • bootstrap select:Advanced lists handly

Owl Carousel

plugin from . supports all features and very easly to customeriase options

include :-
  • owl.carousel2/assets/owl.carousel.min.css
  • owl.carousel2/assets/owl.theme.default.css
  • owl.carousel2/owl.carousel.min.js
  • owl.carousel2.thumbs/owl.carousel2.thumbs.min.js
  • then add a js script to set options such as autoplay, nav etc

Auto slider example

Picture Gallary Example

...
...
...
...

Multi Panels

bootstrap lightbox

plugin from lokeshdhakar.com . A lightbox is a script used to overlay images and videos on a page and dim out the rest of the page content.

Examples

Two individual images

Girl looking out people on beach Two men in bicycle jerseys sitting outside at table having coffee

Four image set

Golden Gate Bridge with San Francisco in distance Forest with mountains behind Bicyclist looking out over hill at ocean Small lighthouse at bottom with ocean behind

bootstrap select

plugin from snapappointments.com , givesAdvance list selections and styling

Basic selection

Multi examples


use data-max-options="2" to limit selections

Multiple select boxes

Live search selection

Title

Title with item counting

icons badges

header

setting width

php return values