Bootswatch主题无法正常工作

Question

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

我做错了吗？我刚用Bootswatch中的新bootstrap.css替换了当前的bootstrap.css。

Answer 1

检查Bootswatch页面的兼容版本

1）https://bootswatch.com/

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

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

Answer 2

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

我通过从此链接https://bootswatch.com/3/

下载兼容的主题来修复它

  

最简单的方法是降级到以此为基础的boostwatch   bootstrap3，bootswatch.com / 3，或者你可以更新   html与新的bootstrap4指令

感谢StaticBeagle的快速回答！

Answer 3

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

的链接

Answer 4

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

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

Answer 5

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

ASP.NET MVC MDB Templates

Answer 6

您的html中可能缺少Javascript或jquery文件

<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>

将它们添加到您的HTML