Bootstrap Theme Overview
The KendoReact Bootstrap theme is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-theme-bootstrap package.
Download and install the Kendo UI Bootstrap theme package.
npm install --save @progress/kendo-theme-bootstrap
For the next steps that include alternative approaches for theme installation, refer to the instructions in the article on styling in Kendo UI.
If you include the Bootstrap framework from its source, you have to add
kendo-theme-bootstrap and any variable customizations before you import the Bootstrap framework.
// Set the variables here. @import "~@progress/kendo-theme-bootstrap/dist/all.scss"; @import "~bootstrap/scss/bootstrap.scss";
To apply the Bootstrap theme to any of the examples on this website, use the theme chooser drop-down at the top-right corner of the example. The Material theme styling is loaded by default.
To simultaneously preview multiple components from different packages, to build your own theme, or to customize any of the available Kendo UI ones, use the capabilities of the Kendo UI Theme Builder web application.