Using Bootstrap Inside WINDOW

2 posts, 0 answers
  1. Krisztian
    Krisztian avatar
    1 posts
    Member since:
    Dec 2016

    Posted 01 Dec 2016 Link to this post

    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!

     

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2615 posts

    Posted 05 Dec 2016 Link to this post

    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.
Back to Top