ASP.NET Core and Semantic UI

Step 1: Bootstrap deinstallieren, Semantic UI installieren

Das Standard ASP.NET Core Template nutzt Bower1 mit vordefiniertem Bootstrap Package. In einem ersten Schritt entfernen wir daher zunächst dieses Package und fügen ein neues Semantic UI2 Package hinzu.

Manager Bower Packages

Step 2: ASP.NET Core Layout anpassen

Das Default Template wird mit dem Standard Bootstrap Layout ausgeliefert. Im folgenden müssen wir einige Bereiche anpassen damit wir Semantic UI nutzen können.

Step 3: Layout.cshtml

Die Semantic UI Seite bietet euch eine Auswahl an vordefinierten Templates http://semantic-ui.com/usage/layout.html. Wählt euch ein Template aus und passt eure Layout.cshtml an.