How to do it...

We'll develop a web page that has responsive capabilities and is adaptive to screen real estate:

  1. Let's create a new web page to achieve the following image:

Notice that we'll have a responsive page that displays its content better at different screen sizes.

  1. We should create a barebone HTML5 file by creating a new HTML file and naming it index.html, as follows:
<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <title>HTML5 Bootstrap</title> 
</head> 
<body> 
</body> 
</html> 
  1. After this, we have to add bootstrap files from Bootstrap CDN as follows: ...

Get ASP.NET Core MVC 2.0 Cookbook now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.