Bootstrap 4 From Scratch With 5 Projects [Video]

This is the code repository for Bootstrap 4 From Scratch With 5 Projects [Video], published by Packt. It contains all the supporting project files necessary to work through the video course from start to finish.

About the Video Course

You do NOT need to know Bootstrap 3 for this course. Even if you already know Bootstrap 4, skip the learning sections and head right for section 6 to create the custom workflow and start the projects. Everything is completely modular! The author has created a completely custom HTML learning environment for the first few sections of this course. Each lecture has an HTML page associated with it and has a start state. As we move along through the lectures, you code along with me learning all that Bootstrap 4 offers including helpers/utilities, components, widgets, flexbox and more.Bootstrap Starter Pack - Once you get through the sandbox, we will setup the starter pack which I also created for this course. This will give us a real development workflow to compile Bootstrap 4 from source and compile Sass. It will even give us a dev server with autoload. This is what we will use for the 5 projects. We will use the Starter pack to create 5 real-world themes including:

LoopLap - A social UI Theme Mizuxe - A Book/Product Showcase Theme Blogen - A blog admin area UI Glozzom - A multi-page theme with a carousel and some 3rd party scripts Portfoligrid - A portfolio theme using the grid, flexbox and the collapse widge

What You Will Learn

How to use JavaScript
How to create elements dynamically
Manipulate elements using JavaScript

Instructions and Navigation

Assumed Knowledge

To fully benefit from the coverage included in this course, you will need:
Anyone that wants to learn & master Bootstrap 4 and build real world themes

Technical Requirements

This course has the following software requirements:
NA

Project Name	Stars	Repos Using This	Packages Using This	Most Recent Commit	Total Releases	Latest Release	Open Issues	License	Language
Tabler	34,396	16	5	a day ago	16	April 04, 2019	55	mit	HTML
Tabler is free and open-source HTML Dashboard UI Kit built on Bootstrap
Ngx Admin	24,484	7		2 months ago	11	July 19, 2017	468	mit	TypeScript
Customizable admin dashboard template based on Angular 10+
Bootswatch	14,140	1,604	157	4 days ago	39	September 15, 2022	40	mit	JavaScript
Themes for Bootstrap
Selectize.js	12,933	600	105	a month ago	7	July 12, 2018	51	apache-2.0	SCSS
Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Coreui Free Bootstrap Admin Template	11,577	3	1	a month ago	3	May 25, 2017	8	mit	HTML
Free Bootstrap Admin & Dashboard Template
Startbootstrap	7,146			3 years ago		July 20, 2014	2	other	HTML
A library of free and open source Bootstrap themes and templates
Bootstra.386	6,247			6 months ago	1	May 09, 2018	60	apache-2.0	HTML
A vintage 1980s DOS inspired Twitter Bootstrap theme
Jquery Ui Bootstrap	5,486	4		5 years ago		March 15, 2015	49		HTML
A jQuery UI theme based on Twitter Bootstrap
Bootstrap Fileinput	5,258	1,182	35	3 months ago	89	August 17, 2022	14	other	JavaScript
An enhanced HTML 5 file input for Bootstrap 5.x/4.x./3.x with file preview, multiple selection, and more features.
Jekyll Theme Chirpy	4,255			a day ago	37	September 23, 2022	25	mit	HTML
A minimal, responsive and feature-rich Jekyll theme for technical writing.

Bootstrap 4 From Scratch With 5 Projects