# Introduction

![WireBootstrap Bootstrap Components](/files/-MYD4YZ-FkpZBD0bxc0B)

[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).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wirebootstrap.com/bootstrap/bootstrap.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.