# Introduction

<div align="center"><img src="https://1908368930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHDYOz0QETYIPewpGM-%2F-MHxyuHSmInTCGG8ytWv%2F-MHxzl-joGnuDYsPaRfy%2Flogo_white_background.jpg?alt=media&#x26;token=e5fe28ba-9387-4a51-bc54-5f4c475bfdfe" alt="The JavaScript framework for Bootstrap Themes and Components"></div>

Bootstrap themes are a great starting point for developing eye-catching web sites and business applications.

WireBootstrap makes it easy build web applications that connect data services to these themes and the many components that come with them. &#x20;

```javascript
// sales.js
export const dataset = new wire.data.DataSet({
    Source: new wire.data.DataSource("sql"),
    Query: wire.data.select().from("sales_table")
});
```

```html
<wire-datatables wr-import-data="./sales.js"></wire-datatables>
```

<figure><img src="https://1908368930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHDYOz0QETYIPewpGM-%2Fuploads%2FId90OX0xya1aVuoQQSCF%2Fimage.png?alt=media&#x26;token=1e0048ff-40ca-4215-a863-d0d308d64e4c" alt=""><figcaption><p>sales_table in DataTables</p></figcaption></figure>
