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

Using Bootstrap Inside WINDOW

1 Answer 292 Views
Window
This is a migrated thread and some comments may be shown as answers.
Krisztian
Top achievements
Rank 1
Krisztian asked on 01 Dec 2016, 02:10 PM

Inside a a window component, using some bootstrap classes doesn't seem to work. For instance, col-lg-12 is not 1 row, but goes onto the second row.

Also - resizing the window does not cause bootstrap to respond well and stack the elements properly.

Thanks!

 

1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 05 Dec 2016, 08:05 AM
Hi Krisztian,

I tested the described scenario and it is working as expected on my side (example). Please keep in mind that:
- The Bootstrap Grid classes should be placed within elements with class .row;
- Rows on the other hand must be within a .container or .fluid-container.

Also, when nesting Kendo UI widgets and Bootstrap Grid Layout some additional CSS rules are needed: 

http://docs.telerik.com/kendo-ui/third-party/using-kendo-with-twitter-bootstrap#nest-widgets-and-bootstrap-grid-layout


If the information above does not help, please modify my example and demonstrate the issue - this way I would be able to provide concrete recommendations.

Regards,
Iliana Nikolova
Telerik by Progress
Kendo UI is ready for Visual Studio 2017 RC! Learn more.
Tags
Window
Asked by
Krisztian
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Share this question
or