Mastering Bootstrap 4 [Video]

Preview in Mapt

Mastering Bootstrap 4 [Video]

Laurence Svekis

Build powerful and beautiful websites with the Bootstrap 4 framework
Mapt Subscription
FREE
$29.99/m after trial
Video
$25.00
RRP $124.99
Save 79%
What do I get with a Mapt Pro subscription?
  • Unlimited access to all Packt’s 5,000+ eBooks and Videos
  • Early Access content, Progress Tracking, and Assessments
  • 1 Free eBook or Video to download and keep every month after trial
What do I get with an eBook?
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with Print & eBook?
  • Get a paperback copy of the book delivered to you
  • Download this book in EPUB, PDF, MOBI formats
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
What do I get with a Video?
  • Download this Video course in MP4 format
  • DRM FREE - read and interact with your content when you want, where you want, and how you want
  • Access this title in the Mapt reader
$0.00
$25.00
$29.99 p/m after trial
RRP $124.99
Subscription
Video
Start 14 Day Trial

Frequently bought together


Mastering Bootstrap 4 [Video] Book Cover
Mastering Bootstrap 4 [Video]
$ 124.99
$ 25.00
Developing Web Application Using Bootstrap 4 [Video] Book Cover
Developing Web Application Using Bootstrap 4 [Video]
$ 124.99
$ 25.00
Buy 2 for $35.00
Save $214.98
Add to Cart

Video Details

ISBN 139781787124141
Course Length3 hours 52 minutes

Video Description

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.

Style and Approach

This course combines in-depth content balanced with tutorials that put theory into practice. The focus is giving you both the theoretical understanding and practical experience required for you to master the art of web development with Bootstrap.

Table of Contents

Getting to Know Bootstrap
The Course Overview
Adding Bootstrap to Web Projects
What is Bootstrap?
Breakdown of Bootstrap
Bootstrap Containers
Creating a Bootstrap Template
The Grid System
Bootstrap Columns and Rows
Bootstrap Jumbotron
Bootstrap Typography
Tools and Components
Text Styles
Bootstrap Cards
Bootstrap Images
Bootstrap Nav
Bootstrap Buttons
Bootstrap Button Grouping
Bootstrap Alignments and Styling
Bootstrap Other Components
Going further with Bootstrap
Glyphicons and Font Awesome
Bootstrap Alerts
Bootstrap Pagination
Bootstrap Nav
Bootstrap Navbars
Responsive Media Queries
Bootstrap Useful Components
Forms working with Field
Bootstrap Forms
Bootstrap Responsive Utilities
Bootstrap Resources
Useful Web Resources for Better Building
Bootstrap Template Resource
Bootstrap Templates
Adding jQuery
Setting up jQuery
CDN and what can be done with jQuery
jQuery and Bootstrap
Bootstrap ToolTips
Bootstrap 4 Modal
Bootstrap 4 Carousel
Bootstrap 4 Carousel options
Bootstrap 4 ScrollSpy
Simple Single Page Website
Planning Design Website Concept
Creating Template and Container
Add Placeholder Content and Sections
Create Navbar
Create the Content Area
Update and Tweak Layout
Add custom Styling and Fonts
Create Functionality Using JQuery
Multi Page Website
Planning Design Website Concept
Creating Template and Container
Adding placeholder Content and Sections
Creating Navbar
Creating the Content Area
Creating Contact Form
Creating Portfolio page
Updating and Tweak Layout
Adding Custom Styling and Fonts
Creating Functionality Using JQuery
Adding in Bootstrap jQuery Components

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

Authors

Table of Contents

Getting to Know Bootstrap
The Course Overview
Adding Bootstrap to Web Projects
What is Bootstrap?
Breakdown of Bootstrap
Bootstrap Containers
Creating a Bootstrap Template
The Grid System
Bootstrap Columns and Rows
Bootstrap Jumbotron
Bootstrap Typography
Tools and Components
Text Styles
Bootstrap Cards
Bootstrap Images
Bootstrap Nav
Bootstrap Buttons
Bootstrap Button Grouping
Bootstrap Alignments and Styling
Bootstrap Other Components
Going further with Bootstrap
Glyphicons and Font Awesome
Bootstrap Alerts
Bootstrap Pagination
Bootstrap Nav
Bootstrap Navbars
Responsive Media Queries
Bootstrap Useful Components
Forms working with Field
Bootstrap Forms
Bootstrap Responsive Utilities
Bootstrap Resources
Useful Web Resources for Better Building
Bootstrap Template Resource
Bootstrap Templates
Adding jQuery
Setting up jQuery
CDN and what can be done with jQuery
jQuery and Bootstrap
Bootstrap ToolTips
Bootstrap 4 Modal
Bootstrap 4 Carousel
Bootstrap 4 Carousel options
Bootstrap 4 ScrollSpy
Simple Single Page Website
Planning Design Website Concept
Creating Template and Container
Add Placeholder Content and Sections
Create Navbar
Create the Content Area
Update and Tweak Layout
Add custom Styling and Fonts
Create Functionality Using JQuery
Multi Page Website
Planning Design Website Concept
Creating Template and Container
Adding placeholder Content and Sections
Creating Navbar
Creating the Content Area
Creating Contact Form
Creating Portfolio page
Updating and Tweak Layout
Adding Custom Styling and Fonts
Creating Functionality Using JQuery
Adding in Bootstrap jQuery Components

Video Details

ISBN 139781787124141
Course Length3 hours 52 minutes
Read More

Read More Reviews

Recommended for You

Developing Web Application Using Bootstrap 4 [Video] Book Cover
Developing Web Application Using Bootstrap 4 [Video]
$ 124.99
$ 25.00
Getting Started with Bootstrap 4 for Web Development [Video] Book Cover
Getting Started with Bootstrap 4 for Web Development [Video]
$ 124.99
$ 25.00
Mastering Bootstrap 4 - Second Edition Book Cover
Mastering Bootstrap 4 - Second Edition
$ 35.99
$ 18.00
Building a Reddit Clone with Twitter Bootstrap [Video] Book Cover
Building a Reddit Clone with Twitter Bootstrap [Video]
$ 124.99
$ 25.00
Bootstrap 4 Recipes [Video] Book Cover
Bootstrap 4 Recipes [Video]
$ 124.99
$ 25.00
Learn Bootstrap 4 Responsive Web Development [Video] Book Cover
Learn Bootstrap 4 Responsive Web Development [Video]
$ 49.99
$ 10.00