Practical Bootstrap: Learn to Develop Responsively with One of the Most Popular CSS Frameworks

© Panos Matsinopoulos 2020

P. MatsinopoulosPractical Bootstraphttps://doi.org/10.1007/978-1-4842-6071-5_2

2. Advanced Grid Techniques

Panos Matsinopoulos¹ 

(1)

KERATEA, Greece

 

In the previous chapter, you started learning about the Twitter Bootstrap grid system. In this chapter, you will continue your work on the grid system, but you will use some different, more advanced techniques to do similar and other things.

Learning Goals

You will learn

1. 1.

   How to use row columns

    
2. 2.

   How to vertically align content

    
3. 3.

   How to horizontally align

    
4. 4.

   How to use less than the 12 available columns

    
5. 5.

   How to nest content and a grid inside another

    
6. 6.

   What the Twitter Bootstrap defaults are

    

Shortcuts on Rows: Row Columns

You are now going to explore one more set of alternatives ...