© Panos Matsinopoulos 2020
P. MatsinopoulosPractical Bootstraphttps://doi.org/10.1007/978-1-4842-6071-5_6

6. Cover Page Project

Panos Matsinopoulos1 
(1)
KERATEA, Greece
 

This chapter teaches you how to style the navigation bar and how to have a background image to cover the whole page of your site. Also, it teaches you a technique to vertically align content irrespective of its height.

You will create a page like the following (Figure 6-1).
../images/497763_1_En_6_Chapter/497763_1_En_6_Fig1_HTML.jpg
Figure 6-1

Cover Page Project

Learning Goals

  1. 1.

    Learn how to pull the non-brand options of a navigation bar to the right.

     
  2. 2.

    Learn how to center content both vertically and horizontally using the table/table-cell technique. ...

Get Practical Bootstrap: Learn to Develop Responsively with One of the Most Popular CSS Frameworks 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.