O'Reilly logo

ASP.NET Core: Cloud-ready, Enterprise Web Application Development by James Singleton, Valerio De Sanctis, Mugilan T. S. Ragupathi

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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"> ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required