New to Kendo UI for jQuery? Download free 30-day trial

Displaying Switch Label with Bootstrap Main Sass Theme


Product Version
Switch for Progress® Kendo UI® 2024.1.319


When using the Bootstrap Main Sass theme with the Switch for Kendo UI, the switch label by default will not be displayed.


To display the Kendo UI Switch labels with the Bootstrap Main theme, add the following CSS styles to your code:

   .k-switch-label-on, .k-switch-label-off {
     display: block;
     font-size: 11px;

   .k-switch-label-on {
     color: white;
     left: 4px;

   .k-switch-label-off {
     right: 4px;

Please refer to this Progress Kendo UI Dojo for a live example demonstrating this approach.

In this article