Unter dem Template von Asp.net Core 2.0 MVC wird auch bootstrap
unterstützt.
Bootstrap ist eine zusammenstellung von CSS Dateien und
Javascript, mit welchem einer Webseite ein Thema-einheitliches Aussehen verliehen
wird.
Die Bootstrap-Dateien werden in asp.net core 2.0 mvc im
wwwroot Verzeichnis gespeichert.
Standardpfad: /wwwroot/lib/bootstrap/dist/css/bootstrap.css
Die bootstrap.css Datei wird in asp.net core 2 in der
Datei _layout eingebettet.
Standardpfad:
/views/shared/_layout.cshtml.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,
initial-scale=1.0" />
<title>@ViewData["Title"] - ArtikelWeb</title>
<environment include="Development">
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css"
/>
<link rel="stylesheet" href="~/css/site.css" />
</environment>
..
</head>
|
https://bootswatch.com/4/cerulean/bootstrap.css
In Asp.net Core2 MVC werrden die css files in dem
Verzeichnis wwwroot gespeichert
Unter: wwwroot/lib/bootstrap/dis/css
Vorlage Bootstrap.css
version 3
Webseite Core 2 mit installiertem bootstrap
Bootwach Themes 4:
Wenn man die aktuellen Theme Vorlagen von der Webseite
bootwatch.com herunterlädt und in der ASP.Net Core 2.0 Anwendung einbettet,
dann wird der komplette Aufbau fehlerhaft dargestellt.
Das liegt daran, dass das ASP.Net Core 2.0 Vorlage noch
mit der Bootstrap-Version 3 ausgeliefert wird und die bootstrap.com Vorlagen
aber mittlerweile auf die Version 4 gewechselt haben.
Deshalb sollte man zurzeit noch nicht die neuen Vorlagen
von Bootstrap.com verwenden, oder eben die css Elemente in der Anwendung entsprechend
aufwärts kompatibel anpassen.