Bootstrap CSS Grid - Must be enabled

Bootstrap 5.1 provides a method for creating layouts using CSS Grid but enabling it disables the default flexbox grid

Left Column

Introduction

My name is Dean Leigh and I am what would be traditionally called a 'web designer'.

I created this site as a side project to bring myself up to speed with a combination of technologies that help you get a simple template based website up and running quickly and easily.

Azure Hosting

The site is hosted on an Azure Web App. The benefit of this is the tight integration with Visual Studio, Visual Studio Code and CI/CD via GitHub.

Razor Pages

Razor Pages are an .Net technology written in C#.

They are an intuitive template system for creating multi page web apps.

You can find out more about Razor Pages here:
Introduction to Razor Pages in ASP.NET Core

Bootstrap 5.3

Bootstrap is a CSS framework written in Sass. I usually write my own CSS and Sass but recently Bootstrap 5 introduced CSS Grid for it's grid system.

As many C# / .Net developers already use Bootstrap I decided to experiemnt with the new grid system which is still ion beta (it needs to be enables in Bootstrap Config).

 

Right Column