/ ASP.NET Core

ASP.NET Core and Semantic UI

Step 1: Bootstrap deinstallieren, Semantic UI installieren

Das Standard ASP.NET Core Template nutzt Bower[1] mit vordefiniertem Bootstrap Package. In einem ersten Schritt entfernen wir daher zunächst dieses Package und fügen ein neues Semantic UI[1:1] 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.


  1. http://semantic-ui.com ↩︎ ↩︎