Introduction

WireBootstrap Bootstrap Components

Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development. It contains CSS- and JavaScript-based design templates for typography, forms, buttons, navigation, and other interface components.

Bootstrap for WireBootstrap is the introductory component library for WireBootstrap. This library brings all the basic Bootstrap capabilities into the WireBootstrap framework so applications can be developed faster using Bootstrap themes.

Installation

The Bootstrap for WireBootstrap library is located in wire-bootstrap.js. This and other other related files can be installed from the NPM package registry at@wirebootstrap/wire-bootstrap.

npm install @wirebootstrap/wire-bootstrap

This library does not load Bootstrap. Bootstrap JavaScript and CSS files need to be loaded outside of WireBootstrap.

Visit BootstrapCDN to download or reference Bootstrap assets for an application.

When using a theme, a separate Bootstrap asset reference is not necessary.

Class

Bootstrap for WireBootstrap classes are located inside the wire namespace.

All Bootstrap for WireBootstrap classes extend the wire.ui.component class. As such, it inherits all the base functionality of that class.

The following example creates an instance of the Bootstrap for WireBootstrap HTML table.

const table = new wire.bsTable();

Demo Project

WireBootstrap for Gentelella Lite is a Visual Studio Code project that uses WireBootstrap Bootstrap Components against sample data. To download the WireBootstrap for Gentelella Lite project, visit the product site.