Kendo UI theme, based on Bootstrap v4

Перейти к файлу

inikolova 691596d207 fix(forms): align forms in dialog labels. Closes: telerik/kendo-theme-bootstrap#257		2017-06-16 11:01:42 +03:00
build	fix: allow package to work outside of webpack	2017-06-13 16:29:53 +03:00
demo	feat: Add styles for Diagram	2016-11-11 16:13:59 +02:00
docs	docs: use bootstrap theme in preview app	2017-05-04 13:16:45 +03:00
scss	fix(forms): align forms in dialog labels.	2017-06-16 11:01:42 +03:00
.gitignore	chore: migrate script to bash	2017-06-01 11:37:24 +03:00
.npmignore	feat: publish package with @progress prefix	2017-01-24 15:23:22 +02:00
.sassdocrc	docs: fix theme name in customization help topic	2017-03-16 14:03:25 +02:00
.travis.yml	chore: update git to latest version	2017-05-26 16:53:37 +03:00
CONTRIBUTING.md	docs: update link to CLA	2017-05-29 14:46:26 +03:00
README.md	docs: add contribution section (#255 )	2017-05-25 16:01:07 +03:00
package.json	fix: allow package to work outside of webpack	2017-06-13 16:29:53 +03:00
webpack.config.js	feat: publish package with @progress prefix	2017-01-24 15:23:22 +02:00

README.md

Kendo UI Bootstrap Theme

Overview
Installation
Custom Builds
Troubleshooting
Under the Hood

Overview

The Kendo UI Bootstrap Theme is a theme for the Kendo UI components, based on version 4 of the Twitter Bootstrap framework.

It uses the variables defined in Bootstrap to style and size the components, so that they blend in with the surrounding page.

Currently, the Bootstrap theme is available for the following suites:

Kendo UI for React.
Kendo UI for Angular.
Kendo UI for jQuery.

Installation

Run the npm install command to install the build dependencies.
Run the npm run build command to build the CSS.

Custom Builds

The handling of all variables happens in the _bootstrap-map.scss file. It loads the Bootstrap variables from the default location. For example, node_modules/bootstrap/scss/_variables.scss.

If you have a customized version of Bootstrap:

Specify the location in _bootstrap-map.scss.
Build as usual.

Troubleshooting

Since Bootstrap v4 is still in beta, its variables may change between releases. Make sure to use the version specified in the peer dependencies of the package.

Under the Hood

To ensure a certain level of compatibility, the Bootstrap variables are mapped locally. This also enables Kendo UI to use an ad-hoc micro framework based on primitive components. For example, button, input, node, and so on.

However, some variables, such as $tooltip-arrow-width that is used in the tooltip, are not mapped. They are referenced explicitly because they do not fit within the previously mentioned framework.