Bootstrap 5: Responsive Website For All Platforms

Responsive Website For All Platforms

What you'll learn
Bootstrap 5
Responsive Webdesign
Requirements
Basic Knowledge of Bootstrap
Description
You'll learn how to design  professional, responsive website. it will be perfectly visible on big and small screens(computers and phones screens).By the end of the course, you'll also be able to build and add powerful features to your web appsIf you have basic knowledge of Bootstrap and you want to go to the next level - this course is definitely for you.Get started with Bootstrap, the world’s most popular framework for building responsive, mobile-first sites, with a template starter pageQuickly get a project started with any of our examples ranging from using parts of the framework to custom components and layouts.Free, high quality, open source icon library with over 1,300 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without
Bootstrap is a HTML, CSS & JS Library that focuses on simplifying the development of informative web pages (as opposed to web apps). The primary purpose of adding it to a web project is to apply Bootstrap's choices of color, size, font and layout to that project. As such, the primary factor is whether the developers in charge find those choices to their liking. Once added to a project, Bootstrap provides basic style definitions for all HTML elements. The result is a uniform appearance for prose, tables and form elements across web browsers. In addition, developers can take advantage of CSS classes defined in Bootstrap to further customize the appearance of their contents. For example, Bootstrap has provisioned for light- and dark-colored tables, page headings, more prominent pull quotes, and text with a highlight.Bootstrap also comes with several JavaScript components in the form of jQuery plugins. They provide additional user interface elements such as dialog boxes, tooltips, and carousels. Each Bootstrap component consists of an HTML structure, CSS declarations, and in some cases accompanying JavaScript code. They also extend the functionality of some existing interface elements, including for example an auto-complete function for input fields.New offcanvas menu componentRemoving dependence on jQuery in favor of vanilla JavaScriptRewriting the grid to support columns placed outside of rows and responsive guttersMigrating the documentation from Jekyll to HugoDropping support for IE10 and IE11[17]Moving testing infrastructure from QUnit to JasmineAdding custom set of SVG iconsAdding CSS custom propertiesImproved APIEnhanced grid systemImproved customizing docsUpdated formsRTL support-Customize-Layout-Content-Forms-Components-Helpers-Utilities

Overview

Section 1: Introduction

Lecture 1 Introduction

Section 2: Section 2

Lecture 2 Project Set Up and Create Navigation Bar

Section 3: Section 3

Lecture 3 Create Main Section

Lecture 4 Sign Up Form

Lecture 5 CSS Style Main Section

Section 4: Section 4

Lecture 6 Create Deals to Enjoy Section

Section 5: Section 5

Lecture 7 Create Fresh and Delicious Section

Section 6: Section 6

Lecture 8 Create Menu Favourites Section

Section 7: Section 7

Lecture 9 Create Footer Section

Lecture 10 Create a Modal Section

Section 8: Repository of Bootstrap 5: Responsive Website For All Platforms

Lecture 11 Ready files of the course

If you have basic knowledge of Bootstrap and you want to go to the next level - this course is definitely for you.