Bootstrap 4 – Create 4 Real World Projects

Bootstrap 4 – Create 4 Real World Projects
Bootstrap 4 – Create 4 Real World Projects

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 10 Hours | 6.81 GB
eLearning | Skill level: All Levels

Bootstrap 4 – Bootstrap with lots of CSS and jQuery. CSS Flexbox is included. Introduce to the latest Bootstrap version!


  • Typography
  • Utilities
  • Layout in Bootstrap
  • CSS Flexbox
  • Bootstrap Grid System
  • Bootstrap Components
  • Project 1 – Pure Bootstrap Website
  • Project 2 – Admin Dashboard
  • Project 3 – photoX
  • Project 4 – Book Store

If you want to learn how to create modern, great looking and nicely designed websites, then this is the right course for you. Welcome to Bootstrap four create real world projects.

The course is project based, because we think that creating projects is the best way to learn Bootstrap, which is one of the most popular and widely used technology today. Bootstrap allows us to build modern and nicely looking websites in a very simple way, so, if you want to take your web developer or especially web designer skills to the next level, then you definitely need to know how to use bootstrap and what it actually does.

Course consists of several sections, we will start from bootstrap basics like typography and utilities. Then you will be able to learn how to align elements on the page, using bootstrap grid system, and besides, because of that, bootstrap 4 uses CSS Flexbox, we will cover this topic as well.

After that, starts the main and the most interesting parts of the course. We will start building projects, in which you will be able to learn the rest of the topics of bootstrap, like bootstrap components and much more. Our first project will be built using pure bootstrap without using any CSS or jQuery code.

The second project will be admin dashboard, in which we will use lots of bootstrap and also some CSS and little bit of jQuery. So, in this section, you will be able to learn how to create modern and well-designed dashboard for admin.

Next project is going to be photoX, it will be the website about something like photography company. This project, consists of multiple sections in which, you will meet more advanced and complicated things built using bootstrap, CSS and jQuery.

As for the last project, it will be kind a different and interesting one, we will build website about something like book store and unlike previous projects, it will be more complicated and advanced, throughout this project, we will build really nice and different type of sections, which will be really impressive for you.

Each built project will be fully responsive for all screen device.

Throughout the course, you will meet detailed explanations about how bootstrap works, also, you will introduce to modern practices and solutions.

What you’ll learn

  • You will start from Bootstrap basics, where you will learn about things like Typography, Utilities
  • You will learn how to align elements on the page using Bootstrap Grid System, and besides that, we will cover CSS Flexbox
  • You will be able to build 4 real world projects using Bootstrap and some CSS and jQuery tricks and techniques
  • After finishing the course you will be able to build modern, great-looking websites on your own
+ Table of Contents

1 Introduction
2 How to Watch Lectures in High Quality
3 What is Bootstrap
4 Setup
5 How to get the most out of the course
6 Download Source Code

Typography And Utilities
7 Basic Typography
8 Text & Colors
9 Responsive Breakpoints
10 Spacing & Sizing
11 Floats & Positions

Layout (CSS Flexbox Bootstrap Grid)
12 CSS Flexbox – Introduction
13 CSS Flexbox – Container Properties
14 CSS Flexbox – Flex Item Properties
15 Bootstrap Grid System – Part 1
16 Bootstrap Grid System – Part 2

Project 1 – Pure Bootstrap Website
17 Project Overview
18 Navbar
19 Banner Section
20 Skills section
21 Projects Section
22 Team Section
23 Progress Section
24 Contact Section
25 Footer

Project 2 – Admin Dashboard
26 Project Overview
27 Task List
28 Activities
29 Quick Post
30 Footer
31 Navbar – Part 1
32 Navbar – Part 2
33 Navbar – Part 3
34 Modal
35 Cards Section
36 Tables Section – Part 1
37 Tables Section – Part 2
38 Progress

Project 3 – PhotoX
39 Project Overview
40 Contact
41 Footer
42 Banner
43 Navbar
44 Mission – Part 1
45 Mission – Part 2
46 Collection
47 Gallery
48 Customers Section
49 Pricing

Project 4 – Book Store
50 Project Overview
51 Contact – Part 1
52 Contact – Part 2
53 Footer
54 Navigation – Part 1
55 Navigation – Part 2
56 Header
57 Gallery – Part 1
58 Gallery – Part 2
59 Famous Writers
60 Suggested Books
61 Popular Books – Part 1
62 Popular Books – Part 2
63 Popular Books – Part 3

64 Bonus Lecture Check Out