by Vedran Cindrić | Publisher: Packt Publishing | Release Date: May 2016 | ISBN: 9781785284557

Create stunning web pages with intricate designs for mobiles and the web using BootstrapAbout This VideoCombine Bootstrap with third-party plugins and external code to create your own personalized themes and templates instead of using one from the webCreate advanced web page designs that are mobile-friendly using applied tools and best practicesImplement Bootstrap 4's newest components and migrate your existing project to the current version.In DetailBootstrap discards the myth of “the creative type” and enforces the belief that even you are capable of design. It is easy to learn, open source, customizable, and coupled with an incredible support from the community; in short it is truly worth your time! This course walks you through the fascinating arena of web development, giving you a grid-based framework that's easy to work on and saves the time that goes into CSS framework development.You will see how to create a “PACKT CMS' application, which will have a custom CMS layout with amazing real-time features. This will enable PACKT to create new courses, and users to view all the data in an advanced table format and get a dashboard overview of all the courses, views, subscriptions, and so on.We'll start with a dedicated video that explains the intricacies of the different components in our application, including hacks and gotchas to master bootstrap code. We will spice up our application by using Bootstrap JavaScript plugins such as modals, tooltips, popovers, alerts, and tabs. We will also use third-party JavaScript plugins for various elements you'll be relying on day to day.You'll find out how to migrate your existing application to Bootstrap 4 seamlessly. You'll add the newly introduced components from Bootstrap 4 in your current application and see what's changed from Bootstrap 3. This course takes you from zero to hero, leaving you with the know-how required to build your own real-world project.

1. Chapter 1 : Building a Responsive Application with Bootstrap
   • The Course Overview 00:04:00
   • Setting Up Our Project 00:08:40
   • Creating a Login Page 00:08:36
   • Working with Forms in Bootstrap 00:08:49
   • Designing Efficient Forms 00:08:51
2. Chapter 2 : Layout Basics
   • Building Layouts with Bootstrap 00:09:08
   • Custom Layouts and Bootstrap 00:09:47
   • Creating a Dashboard Page 00:08:47
3. Chapter 3 : Working with Tables
   • Creating Our First Table View 00:09:38
   • Tables and Bootstrap 00:07:11
   • Advanced Tables 00:13:27
4. Chapter 4 : Working with JS and Responsive design
   • Working with Bootstrap JS plugins 00:15:21
   • Most Popular Third-party JS plugins 00:21:06
   • Making Our App More Responsive 00:13:54
5. Chapter 5 : Migrating to Bootstrap 4
   • Difference between Bootstrap 3 and Bootstrap 4 00:06:50
   • Migrating Our App to Bootstrap 4 00:18:18
   • Using New Bootstrap 4 Components 00:09:28
   • Final Steps 00:08:31