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