Asp.net original bootstrap file not working when localy is loaded
I am trying to use bootstrap inside an asp.net main project. i installed bootstrao owith bower. this is my bower file
{
"name": "asp.net",
"private": true,
"dependencies": {
"bootstrap": "3.3.7",
"jquery": "2.2.0",
"jquery-validation": "1.16.0",
"jquery-validation-unobtrusive": "3.2.6",
"font-awesome": "4.7.0",
"metisMenu": "~2.2.0",
"slimScroll": "~1.3.7",
"pace": "~1.0.2",
"angular2": "1.6.3"
},
"resolutions": {
"jquery": ">= 1.7.2",
"jquery-validation": "1.16.0"
}
}
I am creating an mvc project and using layout view. this is the _layout i am using.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>@ViewData["Title"] - .NET Core 1.0</title>
<!-- Add local styles, mostly for plugins css file -->
@if (IsSectionDefined("Styles"))
{@RenderSection("Styles", required: false)}
<environment names="Development">
@*<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />*@
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="~/lib/metisMenu/dist/metisMenu.css" />
<link rel="stylesheet" href="~/css/animate.css" />
<link rel="stylesheet" href="~/css/style.css" asp-append-version="true" />
</environment>
<environment names="Staging,Production">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/font-awesome/css/font-awesome.min.css" />
<link rel="stylesheet" href="~/lib/metisMenu/dist/metisMenu.min.css" />
<link rel="stylesheet" href="~/css/animate.css" />
<link rel="stylesheet" href="~/css/style.css" asp-append-version="true" />
</environment>
</head>
<body>
<!-- Wrapper-->
<div id="wrapper" class="@Html.PageClass()">
<!-- Main view -->
@RenderBody()
</div>
<!-- End wrapper-->
<environment names="Development">
<script src="~/lib/jquery/dist/jquery.js"></script>
@*<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>*@
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="~/lib/metisMenu/dist/metisMenu.js"></script>
<script src="~/lib/slimScroll/jquery.slimscroll.js"></script>
<script src="~/lib/pace/pace.js"></script>
<script src="~/js/script.js"></script>
<script src="~/lib/angular/angular.js"></script>
</environment>
<environment names="Staging,Production">
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="~/lib/metisMenu/dist/metisMenu.min.js"></script>
<script src="~/lib/pace/pace.min.js"></script>
<script src="~/lib/slimScroll/jquery.slimscroll.min.js"></script>
<script src="~/js/script.js" asp-append-version="true"></script>
</environment>
@RenderSection("scripts", required: false)
</body>
</html>
My problem is when I load the boot from link everything works fine, but when I try to load it locally from ~ / lib / bootstrap / dist / css / bootstrap.css and js from ~ / lib / bootstrap / dist / js /bootstrap.js nothing works. i saw other post but none of them helped. Any suggestions?
+3
source to share