17

这是我第一次使用 ASP.NET,我正在尝试使用 Bootswatch 主题,但是当我尝试使用它时,页面顶部的导航栏变成了一个奇怪的下拉菜单。

难道我做错了什么?我刚刚用来自 Bootswatch 的新的 bootstrap.css 替换了当前的 bootstrap.css。

这是结果

4

7 回答 7

25

检查 Bootswatch 页面的兼容版本

1) https://bootswatch.com/

2) https://bootswatch.com/3/

试试这两个。其中一个应该工作

于 2018-03-04T07:24:53.383 回答
15

问题是默认 mvc-templates 中使用的 bootstrap 版本和 bootswatch 主题的版本不对应。

我通过从此链接https://bootswatch.com/3/下载兼容的主题来修复它

最简单的方法是降级到基于 bootstrap3、bootswatch.com/3 的 boostwatch,或者您可以使用新的 bootstrap4 指令更新 html

感谢 StaticBeagle 的快速回答!

于 2017-12-27T00:29:29.197 回答
0

我遇到了同样的问题,解决此问题的最佳方法是通过使用导入 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 */

这刚刚解决了我的问题,谢谢大家

于 2019-11-22T19:19:15.790 回答
0

Bootswatch 是一个很好的资源,但您也可以在这里找到很好的资源,例如为 ASP.NET MVC 制作的一些免费模板,这些模板使用 MDBootstrap(构建在 Bootstrap 之上的前端框架):

ASP.NET MVC MDB 模板

于 2020-03-17T13:27:24.937 回答
0

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

于 2020-06-16T18:22:17.990 回答
0

Bootswatch 使用 data-bs-toggle,但不起作用,我更改为 data-toggle,这解决了我的问题

于 2022-01-10T02:20:09.550 回答
0

我遇到了同样的问题,并意识到在我的 bootswatch css 文件中它使用的是当前最新版本的 v4.x。为了解决这个问题,我简单地通过导航到以前版本的 bootswatch 降级到 v3.x,并将 css 文件的文件内容复制到我的项目中并且它工作。这是降级版本的链接https://bootswatch.com/3/lumen/#navbar

于 2019-08-27T16:42:02.430 回答