Applying styles

We're ready to apply some styles to our project. Let's warm ourselves up with some plain Bootstrap class-based styling: while we're there, we'll also add some custom CSS classes and drop a couple of images here and there to make our native web app look a bit more distinctive.

Main navigation bar

Open the Scripts/app.component.ts file and, within the @Component section, replace the whole template with the following content:

<nav class="navbar navbar-default navbar-fixed-top"> <div class="container-fluid"> <input type="checkbox" id="navbar-toggle-cbox"> <div class="navbar-header"> <label for="navbar-toggle-cbox" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> ...

Get ASP.NET Core: Cloud-ready, Enterprise Web Application Development now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.