#

 

 

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.

 

Mobile

.