bootstrap在Visual Studio 2015中使用bower下载时不起作用

问题描述：

我正在通过Adam Freeman的Pro ASP.Net Core MVC书中的Sports Store应用程序。在接近尾声的第8章中，他开始添加一些带引导的风格。bootstrap在Visual Studio 2015中使用bower下载时不起作用

第1步：添加bower.json文件，并添加引导依赖性：

{ 
    "name": "asp.net", 
    "private": true, 
    "dependencies": { 
    "bootstrap": "3.3.7" 
    } 
}

第2步：添加此行到您的布局：

<link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" />

现在整个布局的代码如下所示：

<html> 
<head> 
    <meta name="viewport" content="width=device-width" /> 
    <link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" /> 
    <title>SportsStore</title> 
</head> 
<body> 
    <div class="navbar navbar-inverse" role="navigation"> 
     <a class="navbar-brand" href="#">SPORTS STORE</a> 
    </div> 
    <div class="row panel"> 
     <div id="categories" class="col-xs-3"> 
      Put something useful here later 
     </div> 
     <div class="col-xs-8"> 
      @RenderBody() 
     </div> 
    </div> 
</body> 
</html>

现在，如果我检查HTML我可以看到bootstap文件被拉：

<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap-grid.min.css"> 
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap-reboot.min.css"> 
<link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.min.css">

所以现在在这一点上，如果我运行代码，我应该看到体育用品店标题黑色导航栏在白色所有与自举导航栏样式。此外，在渲染主体中还有一个以自举井样式显示的产品清单。

而通常的左边距不起作用。

无法使引导样式生效。

任何人都有任何想法，为什么这是如此艰难的引导来产生影响？

更新1：嗯，我认为鬼混我改变了依赖3.3.6。它没有清理3.3.7所以我有两个文件夹：

1）www/lib/bootstrap。

2）WWW/lib目录/引导，CSS

如果我指向引导，CSS一切似乎工作。

这几乎是如何在我自己的项目中。我可以使用鲍尔几乎任何依赖如角度。但我有bootstrap的麻烦。

基本上我一直在新的文件安排之前下载一个老版本的引导程序，并手动放在www/lib/bootstrap下。

我对客户端工具和构建客户端库等非常糟糕和无知。我错过了一步吗？

答

从“Pro ASP.Net Core MVC”书中编写此应用程序时，我遇到了与Bootstrap相同的问题。我的解决办法取代：

<link rel="stylesheet" asp-href-include="lib/bootstrap/dist/css/*.min.css" />

有了这个：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

在_Layout.cshtml文件。

请注意，这不是最新版本。我使用本书中的相同版本（3.3.6）来使应用外观与本书完全相同。

bootstrap在Visual Studio 2015中使用bower下载时不起作用

相关推荐