Summary

In this chapter we continued fleshing out the landing page of our demo project. We learned how to improve our website's navbar, and how to automate and customize our scroll speed. We used Bootstrap's Scrollspy plugin, and worked with and customized icons. This was followed by a discussion and practical examples of how to use and style custom Bootstrap alerts. Last but not least, we improved the footer for MyPhoto, learned how to create forms, discovered Bootstrap's media objects, and used Bootstrap's various content styles.

In the next chapter, Chapter 5, Speeding Up Development Using jQuery Plugins, we will bring this chapter's various new components to life. By learning how to apply third-party jQuery plugins, we will make MyPhoto

Get Bootstrap 4 – Responsive Web Design 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.