当我在 Visual Studio 2015 中使用凉亭下载时，引导程序不起作用答案

【问题标题】：bootstrap not working when I download with bower in Visual Studio 2015当我在 Visual Studio 2015 中使用凉亭下载时，引导程序不起作用
【发布时间】：2017-06-17 12:35:56
【问题描述】：

我正在浏览 Adam Freeman 的 Pro ASP.Net Core MVC 书中的 Sports Store 应用程序。在第 8 章接近尾声时，他开始使用 bootstrap 添加一些样式。

第一步：添加 bower.json 文件并添加 bootstrap 依赖：

{
    "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，我可以看到引导文件被拉入：

<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">

所以现在，如果我运行代码，我应该会看到一个黑色导航栏，其中 SPORTS STORE 标题为白色，全部带有引导导航栏样式。此外，在渲染主体中，还有一个以引导井样式显示的产品的循环列表。

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

无法使引导样式生效。

有人知道为什么要让引导程序生效如此困难吗？

更新 1：好吧，我认为鬼混我将依赖项更改为 3.3.6。它不会清理 3.3.7，所以我有两个文件夹：

1) www/lib/bootstrap.

2) www/lib/bootstrap-css

如果我指向 bootstrap-css，一切似乎都可以正常工作。

这几乎就是我自己的项目中的情况。我可以将 bower 用于几乎任何依赖项，例如 angular。但我在引导方面遇到了麻烦。

基本上我一直在下载旧版本的引导程序，然后再进行新的文件排列并手动将其放在 www/lib/bootstrap 下。

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

【问题讨论】：

标签： twitter-bootstrap bower asp.net-core-1.0

【解决方案1】：

我在使用“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）来使应用看起来与书中完全相同。

【讨论】：