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