Grid Control with Twitter's Bootstrap

4 posts, 0 answers
  1. Karl van Gils
    Karl van Gils avatar
    2 posts
    Member since:
    Dec 2009

    Posted 09 Dec 2011 Link to this post

    I'm trying to use the KendoUI Grid within a site that also utilizes Twitter's Bootstrap framework. Unfortunately, the header for the grid is distorted (it's taller than it should be), and the rows are not visible. I suspect there is a CSS conflict with Bootstrap--anybody experience this as well, and have a workaround?
  2. Alec
    Alec avatar
    24 posts
    Member since:
    Jun 2009

    Posted 10 Dec 2011 Link to this post

    If I remember correctly, Bootstrap is compiled with Less, so you could download the source and exclude the grid part from it. That might solve your issue.
  3. Kendo UI is VS 2017 Ready
  4. David
    David avatar
    1 posts
    Member since:
    Mar 2012

    Posted 11 Mar 2012 Link to this post

    The default Grid System in Twitter Bootstrap is 940px wide and 12 column. It has four responsive variations for phone, tablet portrait, table landscape and small desktops, and large widescreen desktops.  See Twitter Bootstrap Grid System from w3resource.

  5. Jonathan
    Jonathan avatar
    1 posts
    Member since:
    Dec 2011

    Posted 14 Mar 2012 Link to this post

    Above answers clearly didn't read the whole question, at all.

    You can wrap the kendo grid withing a div with a ID, then target the grid within the ID (#id #grid) and try to solve the problem (bootstrap prety much overrides all the h1..6 header tags, so maybe that's the issue).

    Hope I helped in some way.
Back to Top
Kendo UI is VS 2017 Ready