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.

Sascha Heyer

Read more posts by this author.

Subscribe to Sascha Heyer, Software Engineer

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!