Path Courses
Getting Started with Bootstrap 4
Bootstrap is a free front-end framework for faster and easier web development. Learn to understand Bootstrap layouts, grid system, utilities and to build web pages using HTML.
What you will learn:
- Introduction to Bootstrap
- Bootstrap Installation Options
- Introduction to Bootstrap 4
- Layouts and Grid System
- Alignments and Offsets
By: Bootstrap 4 Flexbox, Style and Utilities
The biggest difference between Bootstrap 3 and Bootstrap 4 is that Bootstrap 4 uses flexbox, instead of floats, to handle the layout. The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning. Bootstrap 4 has a lot of utility/helper classes to quickly style elements without using any CSS code.
What you will learn:
- Flexbox
- Typography
- Colors
- Utilities
Bootstrap 4 CSS Components: Images, List, Tables, Button and Cards
Bootstrap is a free and open-source CSS framework to design mobile-first and responsive websites. Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases JavaScript code. This course will make you familiar with Bootstrap CSS components to design beautiful web pages.
What you will learn:
- Images and Lists
- Bootstrap Tables
- Buttons, Badges
- Cards, Media Objects
Bootstrap 4 CSS Components: Forms, Navbars, Pagination and Spinners
Bootstrap forms are input-based components which are designed to receive input from users. Used as a login, subscribe or contact form, all of them can be easily customized. Bootstrap provides an easy and quick way to create basic nav components like tabs and pills which are very flexible and elegant.
What you will learn:
- Forms and Validations
- Nav, Navbar
- Breadcrumb and Pagination
- Progress bars and Spinners
