by Silvio Moreto | Publisher: Packt Publishing | Release Date: December 2017 | ISBN: 9781788999113

Everything you need to know to start building responsive websites with Bootstrap 4 About This VideoBuild a strong foundation in the Bootstrap 4 framework. Speed up front-end development and prototyping through real-life examplesDiscover how to use Bootstrap's components and elements, and customize them for your own projectIn DetailBootstrap is a free, open-source collection of tools that help developers create websites or web applications. It provides a faster, easier, and less repetitive solution to designing and building applications. Bootstrap quickly became famous as a front-end framework offering a wide set of tools, ranging from page grids to components that render a web page in the best possible way for any device.This course is a tutorial packed with examples showing you how to create interesting web applications using Bootstrap and master the front-end framework to its core. We begin with an introduction to the Bootstrap framework and set up an environment to build a simple web page. We then cover the grid system, basic Bootstrap components, HTML elements, and customization components for responsive and mobile-first development. By the end of this course, you will be familiar with the basics of developing a plugin for the framework and Bootstrap's world, which is popular for fast-paced front-end web development

1. Chapter 1 : Getting Started
   • The Course Overview 00:02:24
   • Setting Up the Framework 00:06:12
   • Building Our First Bootstrap Example 00:03:33
   • Applications and Compatibility 00:02:18
2. Chapter 2 : Creating a Solid Scaffolding
   • Building Our Scaffolding 00:07:46
   • Typography 00:11:16
   • Manipulating Tables 00:03:31
   • Cross-Browser Compatibility 00:02:23
3. Chapter 3 : Mobile First
   • Debugging Different Viewports 00:05:22
   • Creating the Landing Page 00:07:56
4. Chapter 4 : Applying the Bootstrap Style
   • Changing Grid Layout 00:09:28
   • Forming the Forms 00:08:01
   • Images and Helpers 00:04:47
5. Chapter 5 : Making It Fancy
   • Using Bootstrap Icons 00:03:31
   • Adding Navigation 00:04:03
   • Dropdown Button 00:02:25
   • Understanding Flexbox 00:03:19