Mastering Bootstrap 4

Mastering Bootstrap 4

English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 3h 52m | 1.53 GB

Build powerful and beautiful websites with the Bootstrap 4 framework

Bootstrap is a free and open source front-end web framework for designing websites and web applications. This course will help you learn to use Bootstrap within your web projects for more rapid development. You’ll explore how you can use CSS classes within your HTML to bring Bootstrap functionality to your project.

You’ll start by getting to grips with using containers, grids, and Typography in Bootstrap as well as forms, buttons, navigation, and other interface components. Then, you’ll get to work with alerts, navigation components, and responsive queries. Moving forward, you’ll work with Bootstrap forms and queries, and access resources that will help you build attractive websites.

After that, you’ll find out how to use utility classes and various form options. Among other things, you will also tour the anatomy of a Bootstrap plugin, create your own custom components, and extend Bootstrap using jQuery.

By the end of this course, you will have a thorough knowledge of the framework’s ins and outs, and be able to build highly customizable and optimized web interfaces.Your websites and projects of all sizes will work across multiple screens sizes perfectly with Bootstrap.

What You Will Learn

  • See how to use Bootstrap 4 to develop multi-page websites
  • Find out more about Bootstrap components and tools
  • Master styling, navigation, and alerts, and responsive queries
  • Understand how to plan and design a website
  • Become proficient in using classes
  • Explore options for rapid web development
  • Build highly customizable web interfaces
  • Bring your web pages to life using Bootstrap jQuery plugins
Table of Contents

Getting to Know Bootstrap
01 The Course Overview
02 Getting Bootstrap – Download – CDN
03 Adding Bootstrap to Web Projects
04 What is Bootstrap?

Breakdown of Bootstrap
05 Bootstrap Containers
06 Creating a Bootstrap Template
07 The Grid System
08 Bootstrap Columns and Rows
09 Bootstrap Jumbotron
10 Bootstrap Typography

Tools and Components
11 Text Styles
12 Bootstrap Cards
13 Bootstrap Images
14 Bootstrap Nav
15 Bootstrap Buttons
16 Bootstrap Button Grouping
17 Bootstrap Alignments and Styling
18 Bootstrap Other Components

Going Further with Bootstrap
19 Glyphicons and Font Awesome
20 Bootstrap Alerts
21 Bootstrap Pagination
22 Bootstrap Nav
23 Bootstrap Navbars
24 Responsive Media Queries

Bootstrap Useful Components
25 Forms working with Field
26 Bootstrap Forms
27 Bootstrap Responsive Utilities

Bootstrap Resources
28 Useful Web Resources for Better Building
29 Bootstrap Template Resource
30 Bootstrap Templates

Adding Jquery
31 Setting up jQuery
32 CDN and what can be done with jQuery

Jquery and Bootstrap
33 Bootstrap ToolTips
34 Bootstrap 4 Modal
35 Bootstrap 4 Carousel
36 Bootstrap 4 Carousel options
37 Bootstrap 4 ScrollSpy

Simple Single Page Website
38 Planning Design Website Concept
39 Creating Template and Container
40 Add Placeholder Content and Sections
41 Create Navbar
42 Create the Content Area
43 Update and Tweak Layout
44 Add custom Styling and Fonts
45 Create Functionality Using JQuery

Multi Page Website
46 Planning Design Website Concept
47 Creating Template and Container
48 Adding placeholder Content and Sections
49 Creating Navbar
50 Creating the Content Area
51 Creating Contact Form
52 Creating Portfolio page
53 Updating and Tweak Layout
54 Adding Custom Styling and Fonts
55 Creating Functionality Using JQuery
56 Adding in Bootstrap jQuery Components