Display Issues with Twitter Bootstrap 3

5 posts, 0 answers
  1. AP
    AP avatar
    219 posts
    Member since:
    Apr 2010

    Posted 28 Aug 2013 Link to this post

    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:-
        <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>
    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
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 29 Aug 2013 Link to this post

    Hi Andrew,

    We are aware of these display issues, however the good news is that we have managed to address them and fixes will be available in Kendo UI next internal build (which is expected until the end of the current week). When the build is available, please give it a try and let us know if you still observe any problems.
     

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. AP
    AP avatar
    219 posts
    Member since:
    Apr 2010

    Posted 29 Aug 2013 Link to this post

    Thanks for this.

    I'll look forward to trying the next build.
  4. BRAD
    BRAD avatar
    27 posts
    Member since:
    May 2012

    Posted 01 Sep 2013 Link to this post

    i just implemented the 8/30/2013 internal build, and see no change with twitter bootstrap 3.  Was this fix not implemented in that build?
  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 03 Sep 2013 Link to this post

    Hello guys,

    I am afraid we didn't manage to include the discussed improvements in the 8/30/2013 internal build, however we will do our best to provide them in the next one. Please excuse us for the inconvenience caused.

    Regards,
    Iliana Nikolova
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top