I'm keen to integrate the Twitter Bootstrap framework in a project, to improve layout etc..
However, this seems to cause a few display issues with some of the Kendo UI controls, especially the pop-up edit window of the grid.
Attached are two screenshots of an edit window, with and without the inclusion of the bootstrap css and js files.
Here are the css/js inclusions in the _Layout.cshtml file:-
I'm using the Q2 2013 release (build 716) and the latest bootstrap 3 files, along with the KendoUI bootstrap theme. How can they be made to work together properly?
Thanks
However, this seems to cause a few display issues with some of the Kendo UI controls, especially the pop-up edit window of the grid.
Attached are two screenshots of an edit window, with and without the inclusion of the bootstrap css and js files.
Here are the css/js inclusions in the _Layout.cshtml file:-
<
link
href
=
"@Url.Content("
~/Content/Site.css")"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.common.min.css")"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.dataviz.min.css")"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.bootstrap.min.css")"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"@Url.Content("
~/Content/kendo/2013.2.716/kendo.dataviz.bootstrap.min.css")"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
link
href
=
"@Url.Content("
~/Content/bootstrap.css")"
rel
=
"stylesheet"
type
=
"text/css"
/>
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/jquery.min.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/kendo.all.min.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/kendo.aspnetmvc.min.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/kendo/2013.2.716/cultures/kendo.culture.en-GB.min.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/kendo.modernizr.custom.js")"></
script
>
<
script
src
=
"@Url.Content("
~/Scripts/bootstrap.min.js")"></
script
>
Thanks