This is a migrated thread and some comments may be shown as answers.
Bootstrap 4 update needed for Color Theme Sass Tool ?
1 Answer 44 Views
This is a migrated thread and some comments may be shown as answers.
Top achievements
Rank 1
Thomas asked on 06 Dec 2018, 07:25 PM

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










1 Answer, 1 is accepted

Sort by
Telerik team
answered on 11 Dec 2018, 02:13 PM
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.
Asked by
Top achievements
Rank 1
Answers by
Telerik team
Share this question