包括 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.css
与 bootstrap.css
的代码完全相同,但它是它的 minified 版本。您通常在开发期间使用非缩小版本(为了使调试更容易),然后在生产中使用缩小版本(为了使文件更小并提供一定程度的混淆)。
因此,您只需要包含对每个 css 和 js 文件的引用。那将是总共两行代码。
另外,我看到您直接在 Scripts
和 Content
文件夹中工作。在 nopCommerce 中,建议分叉一个自定义主题并将所有修改放在那里。对此有更好的了解 here. Also, take a look at others' efforts trying to develop a bootstrap-based theme in nopCommerce. You can start here.
我想用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.css
与 bootstrap.css
的代码完全相同,但它是它的 minified 版本。您通常在开发期间使用非缩小版本(为了使调试更容易),然后在生产中使用缩小版本(为了使文件更小并提供一定程度的混淆)。
因此,您只需要包含对每个 css 和 js 文件的引用。那将是总共两行代码。
另外,我看到您直接在 Scripts
和 Content
文件夹中工作。在 nopCommerce 中,建议分叉一个自定义主题并将所有修改放在那里。对此有更好的了解 here. Also, take a look at others' efforts trying to develop a bootstrap-based theme in nopCommerce. You can start here.