> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/bootstrap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/bootstrap/bootstrap.md).

# Introduction

![WireBootstrap Bootstrap Components](https://2107043207-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MGjmp6bcmNAsAEW4hIY%2F-MYD3EK1t1ztkQVVAOwe%2F-MYD4YZ-FkpZBD0bxc0B%2Fimage.png?alt=media\&token=903a2626-eb2b-4699-a263-9fe4f27fabfe)

[Bootstrap](https://getbootstrap.com) 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`.

```javascript
npm install @wirebootstrap/wire-bootstrap
```

{% hint style="info" %}
This library does not load Bootstrap.  Bootstrap JavaScript and CSS files need to be loaded outside of WireBootstrap.  

Visit [BootstrapCDN](https://www.bootstrapcdn.com) to download or reference Bootstrap assets for an application.  

When using a theme, a separate Bootstrap asset reference is not necessary.
{% endhint %}

## Class

Bootstrap for WireBootstrap classes are located inside the `wire` namespace.

All Bootstrap for WireBootstrap classes extend the [wire.ui.component](https://docs.wirebootstrap.com/wirebootstrap/reference/wire.ui/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.

```javascript
const table = new wire.bsTable();
```

## Demo Project

[WireBootstrap for Gentelella Lite](https://www.wirebootstrap.com/products/gentelella.html) 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](https://www.wirebootstrap.com/products/gentelella.html).