Building Web UIs with Bootstrap 4 [Video]

More Information
  • Work with menus and navigation in Bootstrap 4 
  • Get to grips with how the web is heading and how you can stay on top of the mobile trend
  • Work with Bootstrap’s powerful grid-system
  • Layout and customize your Bootstrap 4 UI
  • Using Bootstrap’s form helper and contextual classes to add responsiveness to your app 
  • Create a compelling and dynamic Bootstrap 4 UI using Bootstrap Toggle
  • Get familiar with the best practices of modern web design
  • Integrate your web pages with Bootstrap’s jQuery plugins and create your own plugins

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 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.

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.

All the code and supporting files for this course are available on Github at

Style and Approach

This course will follow a step-by-step approach to ensure that you create advanced web UIs with Bootstrap 4.

  • Get familiar with how the web is heading and how you can stay on top of the mobile trend
  • Explore the latest features in Bootstrap, migrate to Bootstrap 4 and modify the capabilities of Bootstrap 4 to create an enhanced user experience
  • Integrate Bootstrap with jQuery plugins to make your app more responsive
Course Length 4 hours 9 minutes
ISBN 9781788396134
Date Of Publication 30 Aug 2018


Vedran Cindric

Vedran Cindric has been a front-end developer for around 15 years now and has been using Bootstrap exclusively for the last 4 years. He has run a web development company called “” for 5 years now, and he has worked on a lot of interesting projects for clients all around the world. He really enjoys writing great code, optimizing websites, and creating awesome responsive experiences. He has written some articles on Bootstrap before, but this is his first time creating a video course.