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

Grid Control with Twitter's Bootstrap

3 Answers 236 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Karl van Gils
Top achievements
Rank 1
Karl van Gils asked on 10 Dec 2011, 03:31 AM
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?

3 Answers, 1 is accepted

Sort by
0
Alec
Top achievements
Rank 1
answered on 10 Dec 2011, 04:06 PM
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.
0
David
Top achievements
Rank 1
answered on 11 Mar 2012, 05:58 PM
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.

0
Jonathan
Top achievements
Rank 1
answered on 14 Mar 2012, 10:13 PM
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.
Tags
Grid
Asked by
Karl van Gils
Top achievements
Rank 1
Answers by
Alec
Top achievements
Rank 1
David
Top achievements
Rank 1
Jonathan
Top achievements
Rank 1
Share this question
or