by Thrandur Arnthorsson | Publisher: Packt Publishing | Release Date: November 2017 | ISBN: 9781788399241

Develop elegant and responsive web applications with Bootstrap 4About This VideoCreate stunning UIs using Bootstrap's responsive CSS classes and objectsPacked with easy-to-follow steps for building responsive web pages with Bootstrap 4 that can be applied to a web project of your choiceA comprehensive tutorial that will get you familiar with the latest features of Bootstrap 4In DetailIn this course, we take a journey from the basic concept of Bootstrap and find ways to take it further, all the while keeping in mind the best practices of modern web design. 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.This video course will take you through an enticing journey, all the way from the basic concepts of Bootstrap to creating stunning UIs, and will keep you up-to-date with the best practices of modern web design. You will discover the responsive revolution and how to use all the latest features of Bootstrap to build compelling UIs and useful web pages. You will then learn where the web heading is and how you can stay on top of the mobile trend to layout and customize your Bootstrap 4 web design. Towards the end of the video course, you will delve into Bootstrap 4 components and tweak these advanced controls to create stunning web designs for your bigger projects.

1. Chapter 1 : Why Bootstrap 4?
   • The Course Overview 00:01:10
   • Responsive Web Design and Bootstrap 4 00:06:13
   • Bootstrap 4 and the Latest Mobile Web Development Trends 00:05:00
   • What Is New in Bootstrap 4 Compared to Bootstrap 3 00:02:31
2. Chapter 2 : Laying Out Your Bootstrap 4 Web Design
   • Creating a Simple Web Page Layout Using Containers, Rows, and Columns 00:04:55
   • Adapting the Page for Mobile and Tablets with Grid and Breakpoints 00:02:44
   • How to Offset Columns to Get That Exact Layout 00:01:29
   • Nesting and Ordering Columns to Achieve a Complex Layout 00:01:37
   • Employing the Flexbox Grid to Create Equal Height Columns 00:01:48
3. Chapter 3 : Customizing Your Bootstrap 4 Web Design
   • Adding Colors to Your Bootstrap Web Design 00:05:02
   • Adding Fonts 00:03:39
   • Bootstrap Elements to Use 00:05:01
   • Adding Header 00:02:27
   • Adding Footer 00:01:51
   • Finished Web Design Walkthrough 00:01:06
4. Chapter 4 : Digging into the Bootstrap 4 Components
   • Modifying Carousels 00:02:27
   • Working with Tables 00:01:57
   • Working with Figures 00:01:28
   • Using Scrollspy 00:04:11
   • Using and Modifying Alerts 00:03:05
   • Utilizing Card Groups, Decks, and Columns 00:01:30
   • Working with Modals 00:02:46