bootstrap_ui

Integrates Bootstrap CSS framework along with a user interface for configuring and customize components, variables and plugins.

Overview

Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins.

Features

This module aims to provide various settings

• Support all stable versions
• Load via CDN method
• Load from local libraries (Support compiled & source files)
• RTL support for all versions (Such as Persian, Farsi & Arabic languages)
• Composer install (Separated module and library)
• Restricts load by theme and URL
• Ability to set minified or non-minified library
• More possibilities in the future

Why Bootstrap UI ?

The difference between this module and other Bootstrap modules:

• Very light weight module with optimized programming structure for high performance
• Active maintenance and update in sync with Bootstrap framework
• Support all stable versions with CDN method, Composer and local library
• The ability to limit loading based on themes and URLs
• Right-to-left language support for all versions
• Allows other modules to add custom components and UI kit versions such as Material Design Bootstrap.

Requirements

Download Bootstrap Library Desired Version from GitHub.

Recommended versions

v5 releases
Latest (5.3.x)
v5.2.3
v5.1.3
v5.0.2
Previous releases
v4.6.x
v3.4.1
v2.3.2

Get started any way you want

Jump right into building with Bootstrap—use the CDN, install it via package manager, or download the source code.

Installation

1. Download 'Bootstrap UI' module
2. Extract and place it in the root of contributed modules directory i.e.
   /modules/contrib/bootstrap_ui (or /modules/bootstrap_ui)
   
3. Create a libraries directory in the root, if not already there i.e.
   /libraries
   
4. Create a 'bootstrap' directory inside it i.e.
   /libraries/bootstrap
   
5. Download 'Bootstrap' library
   
6. Place it in the /libraries/bootstrap directory i.e. Required files:
   For distribution download (Compiled CSS and JS) should be like:
   - /libraries/bootstrap/css/bootstrap.min.css
   - /libraries/bootstrap/js/bootstrap.min.js
   For source files download should be like:
   - /libraries/bootstrap/dist/css/bootstrap.min.css
   - /libraries/bootstrap/dist/js/bootstrap.min.js
7. Then, enable 'Bootstrap UI' module

Please view the project's README.md for detailed installation instructions.

Related modules

• MDBootstrap (Material Design Bootstrap UI Kit)
  Integrates the MDBootstrap - MDB is a Top quality open-source UI Kits Material Design for Bootstrap v5 & v4.

Supporting

Please let me know if a new feature is needed or is there any issue and feedback. You can announce it in the Bootstrap UI Issues section.

Recommended modules

• Pattern CSS
  Is a CSS only library to fill your empty background with beautiful patterns.
• Hover CSS
  Is a collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.
• Animate CSS
  Allows you to makes cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, blocks with cool animation effects.
• Animate CSS On Scroll
  Provides AOS options on AnimateCSS UI add animation form, allows you to Animate On Scroll using AOS.js library.
• AOS JS
  Is a small and lightweight JavaScript library (with no dependencies) that allows you to animate elements as you scroll down, and up. If you scroll back to the top, elements will animate to their previous state and are ready to animate again if you scroll down.
• WOW JS
  Is a module that aims to integrate WOW.js library with Drupal. Provides Animations When You Scroll, Improve site interactivity with awesome animations.
• Textimate ( Text + Animate )
  Provides text animation, enhancing site interactivity with awesome effects. Effortlessly transform static text into mesmerizing animations.
• Splitting.js
  Allows you to creates elements and adds CSS Variables for split words & characters! (lines, items, grids, images, more!) to unlock amazing possibilities for style and animating text, grids, and more!.
• Vivus
  is a module that aims to integrate Vivus.js library with Drupal. Provides SVG animate, Improve site interactivity with awesome animations.

Bootstrap is a Sleek, intuitive, and powerful front-end framework for faster and easier web development.