Building Web UIs with Bootstrap 4

Building Web UIs with Bootstrap 4

English | MP4 | AVC 1920×1080 | AAC 48KHz 2ch | 4h 09m | 1.95 GB

Explore the full potential of Bootstrap to build highly customized, responsive, and mobile-first applications on the web.

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.

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

What You Will Learn

  • 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