Chapter Overview

Get an overview of what we covered in this chapter.

We'll cover the following

Conclusion

In this chapter, we learned to download Google Fonts to our layout. We utilized the starter template from the official Bootstrap docs. We also cloned the navbar from another layout into our layout. We learned to inspect, copy, alter, and delete elements in DevTools.

We made the borders square on Bootstrap dropdowns and form inputs and also added styles inside DevTools. We explore & and why it’s used.

We frequently used container, container-fluid, and spacing utility classes in Bootstrap to add images and text to our layout. We learned about source order and why we use it.

We made our browser behave like Photoshop with the help of document.designMode = 'on'. We made our footer stick to the bottom and used the * selector, the !important flag, and text-uppercase when building Bootstrap-based layouts

Get hands-on with 1200+ tech skills courses.