Liquid Layout

Please find the examples from the book regarding Chapter 12 here

Bootstrap

Bootstrap, which is in essence a large CSS and JS library that can be found here, can be used to build responsive web pages. One of the major strengths of Bootstrap is the liquid design model known as the Bootstrap grid system.

Bootstrap can be used either by adding the online library into your header link list or by downloading the entire library and linking to it locally. The advantage to linking it locally is that every file is there to look at and edit. The disadvantage is the time and space it takes.

In order to fully understand the bootstrap_grid_system, one should take a look at the mozilla developer pages, or the Complete Guide to Flexbox.

Additional resources

A good and comprehensive documentation about bootstrap can be found here.