_Layout setup for Bootstrap and kendoui

Using Bootstrap 3.0 and KendoUi together.

In the _layout page, head:

<head>
<title>@ViewBag.Title</title>
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<link href=”~/Content/Kendo/2013.3.1316/kendo.common.min.css” rel=”stylesheet” type=”text/css” />
<link href=”~/Content/Kendo/2013.3.1316/kendo.default.min.css” rel=”stylesheet” type=”text/css” />
<link href=”~/Content/Kendo/2013.3.1316/kendo.dataviz.default.min.css” rel=”stylesheet” type=”text/css” />
<script src=”@Url.Content(“~/Scripts/kendo/2013.3.1316/jquery.min.js”)”></script>
<script src=”@Url.Content(“~/Scripts/kendo/2013.3.1316/kendo.all.min.js”)”></script>
<script src=”@Url.Content(“~/Scripts/kendo/2013.3.1316/kendo.aspnetmvc.min.js”)”></script>
<link rel=”stylesheet” href=”~/Content/Bootstrap/bootstrap.min.css”>
<link rel=”stylesheet” href=”~/Content/Bootstrap/bootstrap-theme.min.css”>
<script src=”@Url.Content(“~/Scripts/kendo.modernizr.custom.js”)”></script>
</head>

right before the closing html tag:

<script src="~/Content/Bootstrap/js/bootstrap.min.js"></script>

If using the bootstrap menu with dropdowns, also include this near the bottom:


<script type="text/javascript">
$('.dropdown-toggle').dropdown();
</script>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

w

Connecting to %s