web-dev-qa-db-ja.com

Bootswatchテーマが正しく機能しない

ASP.NETを使用するのは初めてですが、Bootswatchテーマを使用しようとしていますが、それを使用しようとすると、ページ上部のナビゲーションバーが変なドロップダウンメニューに変わります。

私は何か間違ったことをしていますか？現在のbootstrap.cssをBootswatchの新しいものに置き換えたところです。

This is the result

cssasp.netasp.net-mvctwitter-bootstrapbootswatch
12
Luke Derkzen

Bootswatchページの互換性のあるバージョンを確認する

1） https://bootswatch.com/

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

これらの両方を試してください。それらの1つは動作するはずです

15
Soham Mehta

問題は、デフォルトのmvc-templatesで使用されているbootstrapのバージョンとbootswatchテーマのバージョンが対応していないことでした。

このリンクから互換性のあるテーマをダウンロードして修正しました https://bootswatch.com/3/

最も簡単なのは、bootstrap3、bootswatch.com/3に基づくboostwatchにダウングレードすることです。または、新しいbootstrap4ディレクティブでhtmlを更新することもできます。

StaticBeagleの迅速な回答に感謝します。

9
Luke Derkzen

私は同じ問題を抱えていましたが、これを修正する最善の方法は、インポート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 */

これは私の問題を解決しました

0
Tapesh Patel

Bootswatchは非常に優れたリソースですが、MDBootstrap（Bootstrapの上に構築されたフロントエンドフレームワーク）を使用するASP.NET MVC用に作成された無料のテンプレートのような優れたリソースもここにあります。

ASP.NET MVC MDBテンプレート

0
Ignacio

私は同じ問題を抱えていて、私のbootswatch cssファイル内で、現在の最新バージョンであるv4.xを使用していることに気付きました。これを解決するには、以前のバージョンのbootswatchに移動してv3.xにダウングレードし、cssファイルのコンテンツをプロジェクトにコピーしました。これがダウングレードバージョンへのリンクです https://bootswatch.com/3/Lumen/#navbar

0
Kenny Catalyst Lattimore