In this chapter, we will cover the following topics:
In this recipe, we will make a new project in ASP.NET Core and Bootstrap 4. We will use Visual Studio 2017 Community Edition.
To get ready for this recipe, you need to have Visual Studio 2017 installed on your computer. You also need to have .NET Core installed.
To make sure that you have all the needed installations, check out https://www.microsoft.com/net/core#windowsvs2017.
Visual Studio 2017 is installed via Visual Studio Installer. In order to install the .NET Core workload, you need to run the Visual Studio Installer as an administrator (with administrator privileges). Once the Installer starts, click on the Modify button on the Visual Studio 2017 Community Edition section of the installer. Under Workloads, scroll down to the very bottom and locate the .NET Core cross-platform development, which can be found in the Other Toolsets section. Click on it, and your download should start. Note that the...
In this recipe, we will fix the default web page of a .NET Core project. Why do we need to fix it? The reason is simple: after updating our Bootstrap to version 4 (instead of the default version 3), the HTML structure needs to be changed as well. We will do it in this recipe.
To begin, it would be worthwhile to digress from our current project and open a new .NET Core web application in Visual Studio 2017. Next, to preview the way the default web application should look out of the box (using Bootstrap 3), we will utilize Shift + Ctrl + W. This is the View in Browser command, which will, by default, open our project in the Edge browser.
The website should look like this:
Previewing the default web application in the browser
So, we have the navbar, a carousel component, four columns with some headings and lists, and finally, a footer.
Now that we know what the desired result should be, it's...
There is a major difference between NuGet and Bower. NuGet, as the package manager used to control .NET libraries, cannot deal with static frontend libraries, such as Bootstrap or Tether. However, when working on .NET Core web applications, we need to include these libraries. That is where Bower comes into play, and it is the reason why we had to use Bower in our previous recipes, when we set up our simple app.
In other chapters of this book, we used to install Bower using Node Package Manager (NPM). In this recipe, we will let Visual Studio manage Bower for us, as it comes preinstalled with .NET Core and can be accessed via the Manage Bower Packages command. However, contrary to the previous chapters, in this chapter we will also use the bower.json file, which is used to list dependencies we use in our project. The way that bower.json file works is quite similar to the way that the package.json file is used by Grunt--it simply...
© 2017 Packt Publishing Limited All Rights Reserved
