包括 Bootstrap 到 Nopcommerce 3.5

Including Bootstrap into Nopcommerce 3.5

我想用Bootstrap制作NC主题

我在 Visual Studio 2013 年通过 Nugets 包管理器安装了 Bootstrap。 然后我补充说:

Html.AppendScriptParts("~/Scripts/bootstrap.js"); Html.AppendScriptParts("~/Scripts/bootstrap.min.js");

在_Root.Head.cshtml

Html.AppendCssFileParts(string.Format("~/Content/bootstrap.css", themeName)); Html.AppendCssFileParts(string.Format("~/Content/bootstrap.min.css", themeName));

在Head.cshtml

现在已经完成一半了。我试着玩 Bootstrap 导航栏,导航栏出现了,但下拉菜单不起作用。我似乎错过了 .js 文件的一些配置。

我怎样才能得到正确的方法?一些帮助将不胜感激。

这可能是因为您添加了两次资源。

bootstrap.min.cssbootstrap.css 的代码完全相同,但它是它的 minified 版本。您通常在开发期间使用非缩小版本(为了使调试更容易),然后在生产中使用缩小版本(为了使文件更小并提供一定程度的混淆)。

因此,您只需要包含对每个 css 和 js 文件的引用。那将是总共两行代码。

另外,我看到您直接在 ScriptsContent 文件夹中工作。在 nopCommerce 中,建议分叉一个自定义主题并将所有修改放在那里。对此有更好的了解 here. Also, take a look at others' efforts trying to develop a bootstrap-based theme in nopCommerce. You can start here.