Ric*_*lva 7 nuget-package bower bootstrap-4 visual-studio-2017 asp.net-core-2.0
我很确定这很容易,但我不知道如何将bootstrap从3.3.7升级到4.1.1.
根据版本,我所做的是在_layout页面中更改它
<link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.7/css/bootstrap.min.css"
asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
还需要什么.
我也在Nuget包管理器中看到过,但我认为这将需要更多的更改,我不知道如何做到这一点,保持对版本和项目本身的控制.
UPDATE
我在wwwroot/lib/bootstrap文件夹中找到了一个bower.json文件,我在3.3.7中修改了它并用4.1.1替换它,但是有一个提交号我不知道它是什么.
{
"name": "bootstrap",
"description": "The most popular front-end framework for developing responsive, mobile first projects on the web.",
"keywords": [
"css",
"js",
"less",
"mobile-first",
"responsive",
"front-end",
"framework",
"web"
],
"homepage": "http://getbootstrap.com",
"license": "MIT",
"moduleType": "globals",
"main": [
"less/bootstrap.less",
"dist/js/bootstrap.js"
],
"ignore": [
"/.*",
"_config.yml",
"CNAME",
"composer.json",
"CONTRIBUTING.md",
"docs",
"js/tests",
"test-infra"
],
"dependencies": {
"jquery": "1.9.1 - 3"
},
"version": "4.4.1",
"_release": "4.4.1",
"_resolution": {
"type": "version",
"tag": "v4.1.1",
"commit": "0b9c4a4007c44201dce9a6cc1a38407005c26c86"
},
"_source": "https://github.com/twbs/bootstrap.git",
"_target": "v4.1.1",
"_originalSource": "bootstrap",
"_direct": true
}
这不起作用.引导cdn的布局引用仍然指向3.3.7,并且当我保存bower文件时,lib文件夹中的引导文件没有更新.
zav*_*ora 10
在Visual Studio 2017 15.7中,您可以使用尚未发布的LibMan(库管理器)来获取最新的Bootstrap库.
类型
PM>Install-Package Microsoft.Web.LibraryManager.Build -Version 1.0.113
安装库管理器后,在解决方案的根目录上创建libman.json
格式化你的libman.json如下
{
"version": "1.0",
"defaultProvider": "cdnjs",
"defaultDestination": "wwwroot/lib",
"libraries": [
{
"library": "jquery@3.0.0",
"files": [
"core.js",
"jquery.js",
"jquery.min.js",
"jquery.min.map",
"jquery.slim.js",
"jquery.slim.min.js",
"jquery.slim.min.map"
],
"destination": "wwwroot/lib/jquery"
},
{
"library": "twitter-bootstrap@4.1.3",
"files": [
"css/bootstrap-grid.css",
"css/bootstrap-grid.css.map",
"css/bootstrap-grid.min.css",
"css/bootstrap-grid.min.css.map",
"css/bootstrap-reboot.css",
"css/bootstrap-reboot.css.map",
"css/bootstrap-reboot.min.css",
"css/bootstrap-reboot.min.css.map",
"css/bootstrap.css",
"css/bootstrap.css.map",
"css/bootstrap.min.css",
"css/bootstrap.min.css.map",
"js/bootstrap.bundle.js",
"js/bootstrap.bundle.js.map",
"js/bootstrap.bundle.min.js",
"js/bootstrap.bundle.min.js.map",
"js/bootstrap.js",
"js/bootstrap.js.map",
"js/bootstrap.min.js",
"js/bootstrap.min.js.map"
],
"destination": "wwwroot/lib/bootstrap"
}
]
}
然后重建您的解决方案.瞧!
use*_*439 -1
我认为您不需要使用 NuGet。相反，您应该使用 Bower.json。另外你的 _layout 可能不正确。
对于我来说，我在 Bower.json 中指定版本信息。这是我所拥有的：
{
"name": "asp.net",
"private": true,
"dependencies": {
"underscore": "~1.8.3",
"jquery": "~3.3.1",
"jquery-validation": "~1.17.0",
"jquery-validation-unobtrusive": "~3.2.9",
"bootstrap": "~3.3.5",
"font-awesome": "~5.0.10",
"bootswatch": "~3.3.7"
}
}
对于您来说，您可以将引导程序版本指定为 4.1.1。保存后，将自动下载适当的引导程序。
在我的 _layout 页面中，我只有以下内容：
<head>
<meta charset="utf-8" />
<title>Travel Agency - @ViewBag.Title</title>
<link rel="stylesheet" href="~/lib/font-awesome/web-fonts-with-css/css/fontawesome-all.min.css" />
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
<link rel="stylesheet" href="~/lib/bootswatch/yeti/bootstrap.min.css" />
<link rel="stylesheet" href="~/css/site.css" />
</head>
希望这可以帮助。
| 归档时间： |
|
| 查看次数： |
4729 次 |
| 最近记录： |