Book Image

Building Web UIs with Bootstrap 4 [Video]

By : Vedran Cindric
Book Image

Building Web UIs with Bootstrap 4 [Video]

By: Vedran Cindric

Overview of this book

<p>Bootstrap, one of the most complete frameworks, is perfectly built to design elegant, powerful, and responsive interfaces for professional-level web pages. It supports responsive design by dynamically adjusting your web page layout.</p> <p>This video course will begin by showing you how to modify Bootstrap 4 with the help of plugins to build highly customized and powerful UIs. On your way, you will discover several techniques that can be applied to your own web projects to build sleek, beautiful UIs and customize them. You will implement the Bootstrap mobile-first grid system, use the classes Bootstrap has in place to add responsiveness and aesthetic touches to image elements and apply handy helper classes like contextual text and background colors, floating and centering elements and clearing floated elements. Finally, you will learn how to show or hide a page element on the basis of browser screen size using Bootstrap’s responsive utility classes.</p> <p>By the end of this video, you will explore the fullest potential of Bootstrap by building highly customized, responsive and mobile-first applications. You will also modify, and integrate bootstrap with jQuery plugins to achieve optimal results for your web projects.</p> <p>All the code and supporting files for this course are available on Github at&nbsp;<a href="https://github.com/PacktPublishing/Building-Web-UIs-with-Bootstrap-4-V" target="_blank">https://github.com/PacktPublishing/Building-Web-UIs-with-Bootstrap-4-V</a></p> <h1>Style and Approach</h1> <p>This course will follow a step-by-step approach to ensure that you create advanced web UIs with Bootstrap 4.</p>
Table of Contents (6 chapters)
Chapter 5
Advanced Bootstrap Components
Content Locked
Section 3
Using Bootstrap Scrollspy to Add Scroll Tracking
This video will give you an overview about the bootstrap scrollspy component? - Understand how to use scrollspy component - Add interactions to our elements with scrollspy - Understand how scrollspy work on phones and tablets