Bootstrap 4 update needed for Color Theme Sass Tool ?

2 posts, 0 answers
  1. Thomas
    Thomas  avatar
    31 posts
    Member since:
    Jun 2012

    Posted 06 Dec 2018 Link to this post

    I using VS 2017 15.9.3 + core + mcv ( + razor )

    created the project with telerik Project core + Grid selection.and created 3 times with the sass theme generator a template and replaced in

    _Layout.cshtml the stylesheet

    <environment names="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <!--link rel="stylesheet" href="~/css/site.css" /-->
        <link rel="stylesheet" href="~/css/all.css" />
    <environment names="Staging,Production">
        <link rel="stylesheet" href=""
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
        <!--link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" /-->
        <link rel="stylesheet" href="~/css/all.css" asp-append-version="true" />


    but anyhow the Grid looks ugly in the footer any time.

    i found this blog

    but i do not understand how to do the update

    >>No matter how you choose to manage your dependencies, the default layout (i.e _Layout.cshtml) should contain references to them. The default layout >>defines a top level template for views in your web application. These references include the following:

    where to store the references , where to reference them etc..

    it´s a little bit confusing me so please is there some better help tan this how to update or maybe it´s not needed anyhow to solve the grid ui problem ?


    thanks br thomas










  2. Dimitar
    Dimitar avatar
    812 posts

    Posted 11 Dec 2018 Link to this post

    Hello Thomas,

    I am attaching a sample ASP.NET Core solution, where you can find the minimum setup for integrating Bootstrap 4 with the Kendo UI Sass Bootstrap theme. Basically, the required steps are to include the following references in the <head> of the application:

    • Include a reference to the Bootstrap 4 stylesheet.

    • Include a reference to the Kendo UI Sass Bootstrap theme.

    The basic layout is as follows:
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>@ViewData["Title"] - TelerikAspNetCoreAppBootstrap4</title>
        <!-- Bootstrap 4 -->
        <!-- Kendo UI Sass Bootstrap v4 -->
        <!-- Kendo UI Scripts -->
        <!-- Bootstrap 4 scripts -->

    In case you would like to include you customized theme that is generated through the Progress Sass ThemeBUilder, then the generated all.css file should replace the kendo-bootstrap-v4.min.css reference.

    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top