Last Updated: 11 Sep 2020 13:25 by ADMIN
Created on: 24 Feb 2017 16:58
Category: UI for ASP.NET AJAX
Type: Feature Request
Bootstrap Skin and Sizing
The Telerik Bootstrap skin looks like it is Bootstrap, but it is not.  While it is easy to override a Bootstrap style to customize something, every time we do we end up on a support ticket to figure out how to make the same override in the skin.

One common area this comes up is the form sizing.  In Bootstrap, you can use a CSS class .form-group-sm to easily make the form controls smaller.  (There are several other classes as well for controls and form groups.)  The Telerik controls, like radCombobox or DatePicker do not honor this style, you need special Telerik CSS to get them to size.

The Bootstrap skin should have CSS included in it that handles when the Bootstrap control size classes are used.  That way when a Telerik control is placed in a div with .form-group-sm etc. it will automatically resize itself accordingly.

1 comment
Posted on: 11 Sep 2020 13:25

Hi Ed,

Thank you for your feature request.

Please check out the following long communication with our community: Bootstrap themes integration.

You will see that the Telerik offers only a skin named Bootstrap, which does not respect the Bootstrap UI framework classes and styles.

My advice is to inspect the Telerik controls rendering with the DevTools HTML/CSS inspector and override the built-in default classes when you'd like to customize the appearance.

If you have any questions please do not hesitate to use our support, we are always happy to help.

Best Regards,
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at