So fügen Sie Bootstrap-Vorlage zu ASP.net MVC-Projekt hinzu

Question

Ich möchte ein ASP.net MVC5-Projekt erstellen, indem Sie Bootstrap-Vorlage wie diese "https://colorlib.com/polygon/metis/dashboard.html#" verwenden. Ich habe es von meinem Browser herunterladen, aber ich weiß nicht, wie ich es zu meinem Projekt in Visual Studio 2013 hinzufügen. Ich habe keinen Tuto gefunden, die helfen, das zu tun, ich finde nur, wie Sie Thema hinzufügen. Kann jemand wissen, wie es geht oder ein Tuto, der mir den Weg zeigen kann?

Vielen Dank

Answer 1

1.- zunächst ein neues Projekt mit der MVC-Struktur erstellen. Bootstrap und jQuery sind bereits installiert. so etwas wie dieses

sollte die Ordnerstruktur sein:

2.- Fügen Sie Ihre heruntergeladene CSS im Content-Ordner

3.- Fügen Sie Ihre heruntergeladen js in den Ordner Scripts

4.- Fügen Sie Ihre HTML-Dateien in verschiedenen Ansichten Ordner, je nachdem, was Sie wollen. Sie sollten die allgemeinen HTML-Elemente aller Seiten auf der _Layout-Seite (z. B. Menü oder obere Leiste) einfügen.

Hoffe es hilft!

Answer 2

eine Bootstrap-Klasse innerhalb des Content-Ordner erstellen und es

bootstrap-anything.css  

App starten Ordner enthält Konfigurationsdateien benennen.

BundleConfig.cs  
FilterConfig.cs  
RouteConfig.cs  

Go innen BundleConfig.cs, sollte es eine Funktion

bundes.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css", 
"~/Content/site.css"));  

ändern

~/Content/bootstrap.css to ~/Content/bootstrap-anything.css  

Das ist es: Der Ordner 3-Dateien enthalten sollte.