This is a migrated thread and some comments may be shown as answers.

Kendo UI with Bootstrap Framework: Pro & Contra

1 Answer 365 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Kaan
Top achievements
Rank 1
Kaan asked on 03 May 2017, 03:15 PM

Hello!

What are the advantages and disadvantages of integrating the Bootstrap framework into a Kendo UI web application?

Doing so, does this enhance any features of existing Kendo UI widgets? Are there any limitations? Is there a case study of a real project built with Kendo UI widgets, and then being integrated with the Bootstrap framework? What would be the reasons to use Bootstrap framework? Are there any alternative approaches?

 

Our goal is to make our Kendo UI web application more responsive (desktop, tablet, smartphone). Right now it uses a Kendo Splitter > TabStrip > Grid (= Grid in a TabStrip, TabStrip in a Splitter).

 

Best regards,

Kaan

1 Answer, 1 is accepted

Sort by
0
Ivan Zhekov
Telerik team
answered on 05 May 2017, 11:57 AM
Hello,

1) What are the advantages / disadvantages of integrating bootstrap with Kendo UI:

For the most part, there are none. Bootstrap is a generic layout / microcomponent framework, where as KendoUI is a full featured UI framework with complex components etc. You don't necessarily benefit from the integration, but you are not handicapped as well.

What KendoUI lacks is a grid / responsive layout system which Bootstrap has and they play nice in this part.

2) Is there a case study?

No, there isn't. Both frameworks are quite large and quite far apart so to have an actual case study would be really hard.

3) Why use Bootstrap? Are there alternatives?

To use Bootstrap is your own decision. We can't provide you with with any additional valid reasons. As for alternatives, there is Foundation by Zurb, PureCss and other frameworks with Bootstrap being the most popular.

4) Responsive KendoUI widgets

As mentioned in 1), KendoUI does not provide grid / responsive layout part. However, most relevant components, such as grid, scheduler, spreadsheet, editor etc react to different viewports. With 2017 R1, we've added scrolling of menu items when there isn't enough space (similar to tabstrip).

If you need to, say, reorder layout then you need Bootstrap for sure.

Regards,
Ivan Zhekov
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
General Discussions
Asked by
Kaan
Top achievements
Rank 1
Answers by
Ivan Zhekov
Telerik team
Share this question
or