All Projects → telerik → kendo-theme-bootstrap

telerik / kendo-theme-bootstrap

Licence: other
Kendo UI theme, based on Bootstrap v4

Programming Languages

CSS
56736 projects

Projects that are alternatives of or similar to kendo-theme-bootstrap

ReaLocate
ASP.NET MVC 5 Real Estate Application
Stars: ✭ 18 (-28%)
Mutual labels:  kendo-ui
Kendo.DynamicLinqCore
KendoNET.DynamicLinq implements server paging, filtering, sorting, grouping, and aggregating to Kendo UI via Dynamic Linq for .Net Core App(1.x ~ 3.x).
Stars: ✭ 36 (+44%)
Mutual labels:  kendo-ui
kendo-vue
Issue tracker - Kendo UI for Vue http://www.telerik.com/kendo-vue-ui/
Stars: ✭ 49 (+96%)
Mutual labels:  kendo-ui
Kendo Ui Core
An HTML5, jQuery-based widget library for building modern web apps.
Stars: ✭ 2,394 (+9476%)
Mutual labels:  kendo-ui
Ngx Formly
JSON powered / Dynamic forms for Angular
Stars: ✭ 2,109 (+8336%)
Mutual labels:  kendo-ui

This repository is no longer updated. To access the current version, refer to the kendo-themes monorepo.

Kendo UI Bootstrap Theme

The Kendo UI Bootstrap Theme is a theme for the Kendo UI components which is based on the Twitter Bootstrap framework, version 4. To style and size the components and make them blend in with the surrounding page, the Bootstrap theme uses the variables defined in Bootstrap.

License

This package is part of the following suites:

All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.

-If you do not own a commercial license, the usage of this software shall be governed by the Apache License, Version 2.0.

Basic Usage

For more information on how to implement the Material theme in your project, refer to the following articles:

Running 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:

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

Applying Mapped Variables

To ensure a certain level of compatibility, the Bootstrap variables are locally mapped. 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 which is used in the tooltip, are not mapped. They are referenced explicitly because they do not fit in the previously mentioned framework.

Troubleshooting

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

Copyright © 2018 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].