© 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 Krause1 
(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> ...

Get Introducing Bootstrap 4: Create Powerful Web Applications Using Bootstrap 4.5 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.