# @telerik/kendo-theme-bootstrap

> Bootstrap v4 theme for Kendo UI

Latest version **0.10.0** (published 2016-11-11) · Apache-2.0 license · 0 weekly downloads

> **Deprecated.** This package is deprecated.

## Install

```sh
npm install @telerik/kendo-theme-bootstrap
pnpm add @telerik/kendo-theme-bootstrap
yarn add @telerik/kendo-theme-bootstrap
bun add @telerik/kendo-theme-bootstrap
```

## Health

**Score 10/100 (F)** — status: deprecated.

Negative: deprecated.

## Facts

| | |
|---|---|
| Version | 0.10.0 |
| Published | 2016-11-11 |
| First published | 2016-09-06 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 25 |
| Author | Progress |
| Maintainers | telerik |
| Keywords | Kendo UI, Bootstrap, Theme |

## Links

- npm: https://www.npmjs.com/package/@telerik/kendo-theme-bootstrap
- Repository: https://github.com/telerik/kendo-theme-bootstrap
- Homepage: https://github.com/telerik/kendo-theme-bootstrap#readme
- Issues: https://github.com/telerik/kendo-theme-bootstrap/issues
- npm.io page: https://npm.io/package/@telerik/kendo-theme-bootstrap

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 0.10.0 (latest) — 2016-11-11
- 0.9.0 — 2016-11-11
- 0.8.1 — 2016-10-10
- 0.8.0 — 2016-10-07
- 0.7.0 — 2016-09-30
- 0.6.0 — 2016-09-28
- 0.5.1 — 2016-09-26
- 0.5.0 — 2016-09-26
- 0.4.6 — 2016-09-20
- 0.4.5 — 2016-09-19
- 0.4.4 — 2016-09-19
- 0.4.3 — 2016-09-19
- 0.4.2 — 2016-09-17
- 0.4.1 — 2016-09-17
- 0.4.0 — 2016-09-16
- … 9 more at https://npm.io/package/@telerik/kendo-theme-bootstrap/versions

## README

# Bootstrap v4 Integration for Kendo UI Widgets

TLDR: Theme Kendo UI widgets based on Bootstrap.

_Longer version_: The project aims to provide a Bootstrap theme for the Kendo UI widgets, which uses the same variables as Bootstrap to achieve **mostly** the same appearance and size.

## Building

Install the build dependencies via `npm install`. Run `npm run build` to build the css.

## Customizing

All variable handling happens in [_bootstrap-map.scss](src/_bootstrap-map.scss) and it loads Bootstrap variables from the default location, e.g. `node_modules/bootstrap/scss/_variables.scss`.

If you have a customized version of Bootstrap, you need to specify the location in _bootstrap-map.scss. Then, build as usual.

## Troubleshooting

Since Bootstrap is loaded as an npm module pointing directly to the [v4 branch](https://github.com/twbs/bootstrap/tree/v4-dev), it's not impossible for something to break after update.

If it's a mapped variable, you can patch it directly in _bootstrap-map.scss. If it's an explicit variable, you need to patch all files.

In any case, you can open an issue.

## Under the Hood

To ensure some sort of compatibility, Bootstrap variables are mapped locally. Further more, this enables us to use an ad-hoc micro framework based on primitive widgets, e.g. [button](src/mixins/appearance/_button.scss), [input](src/mixins/appearance/_input.scss), [node](src/mixins/appearance/_node.scss) etc.

Not all variables are mapped though. Some, like `$tooltip-arrow-width`, used in the tooltip, are referenced explictly, because they don't fit within the aforementioned framework.

---
_Source: https://npm.io/package/@telerik/kendo-theme-bootstrap · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._
