这是我第一次使用 ASP.NET,我正在尝试使用 Bootswatch 主题,但是当我尝试使用它时,页面顶部的导航栏变成了一个奇怪的下拉菜单。
难道我做错了什么?我刚刚用来自 Bootswatch 的新的 bootstrap.css 替换了当前的 bootstrap.css。
这是我第一次使用 ASP.NET,我正在尝试使用 Bootswatch 主题,但是当我尝试使用它时,页面顶部的导航栏变成了一个奇怪的下拉菜单。
难道我做错了什么?我刚刚用来自 Bootswatch 的新的 bootstrap.css 替换了当前的 bootstrap.css。
问题是默认 mvc-templates 中使用的 bootstrap 版本和 bootswatch 主题的版本不对应。
我通过从此链接https://bootswatch.com/3/下载兼容的主题来修复它
最简单的方法是降级到基于 bootstrap3、bootswatch.com/3 的 boostwatch,或者您可以使用新的 bootstrap4 指令更新 html
感谢 StaticBeagle 的快速回答!
我遇到了同样的问题,解决此问题的最佳方法是通过使用导入 URL 标记降级或使用替代版本 3 或 4
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,400italic");
/*!
* bootswatch v3.4.1
* Homepage: http://bootswatch.com
* Copyright 2012-2019 Thomas Park
* Licensed under MIT
* Based on Bootstrap
*/
/*!
* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
这刚刚解决了我的问题,谢谢大家
Bootswatch 是一个很好的资源,但您也可以在这里找到很好的资源,例如为 ASP.NET MVC 制作的一些免费模板,这些模板使用 MDBootstrap(构建在 Bootstrap 之上的前端框架):
There may be Javascript or jquery file missing in your html
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js></script>
Add these in your HTML
Bootswatch 使用 data-bs-toggle,但不起作用,我更改为 data-toggle,这解决了我的问题
我遇到了同样的问题,并意识到在我的 bootswatch css 文件中它使用的是当前最新版本的 v4.x。为了解决这个问题,我简单地通过导航到以前版本的 bootswatch 降级到 v3.x,并将 css 文件的文件内容复制到我的项目中并且它工作。这是降级版本的链接https://bootswatch.com/3/lumen/#navbar