Introducing Bootstrap 4: Create Powerful Web Applications Using Bootstrap 4.5

© Jörg Krause 2020

J. KrauseIntroducing Bootstrap 4https://doi.org/10.1007/978-1-4842-6203-0_3

3. Structure of the Page

Jörg Krause¹ 

(1)

Berlin, Germany

 

Bootstrap constructs a horizontal grid on the page, and the elements are placed within. This is the fundamental part of the framework, and how to deal with the grid and its options is the first decision you make in your project.

Basis for the Grid

The basis for the grid is a fixed allocation of the page. There are several options to distribute elements, centered or not, dealing with overflows and handling breakpoints for different screen resolutions.

The first step is to adjust the web site to HTML5. This is accomplished with the correct doctype:

1   <!DOCTYPE html>

2   <html lang="en">

3     ...

4   </html> ...