Front End Web Development With BootStrap

What is Bootstrap?

Bootstrap is a free front-end framework for faster and easier web development.

Bootstrap includes HTML and CSS based design templates for typography, forms, buttons, tables, navigation, modals, image carousels and many other, as well as optional JavaScript plugins.

Bootstrap also gives you the ability to easily create responsive designs

What is Responsive Web Design?
Responsive web design is about creating web sites which automatically adjust themselves to look good on all devices, from small phones to large desktops. Why Use Bootstrap? Advantages of Bootstrap: Easy to use: Anybody with just basic knowledge of HTML and CSS can start using Bootstrap Responsive features: Bootstrap's responsive CSS adjusts to phones, tablets, and desktops Mobile-first approach: In Bootstrap, mobile-first styles are part of the core framework Browser compatibility: Bootstrap 5 is compatible with all modern browsers (Chrome, Firefox, Edge, Safari, and Opera). Note that if you need support for IE11 and down, you must use either BS4 or BS3.

Where to Get Bootstrap 5?

There are several ways to start using Bootstrap 5 on your own web site.

You can:

1) Include Bootstrap 5 from a CDN

2) Download Bootstrap 5 from getbootstrap.com

3) Use package manager to install bootstrap

Workbook: https://docs.google.com/document/d/1MjGrx8KxZeHLcrIF4olGtS5jYGfnjXkg3KZfChG-LHY/edit?usp=sharing

Workbook: https://docs.google.com/document/d/1VdHfTDiFF0auRTRAn9npIDNhdIxTUedHy8p1I1SiZCk/edit?usp=sharing

Workbook: https://docs.google.com/document/d/1Igd7UVwimkD457O3RBQgH4OULmQ9GrK2uQTR4zOSDuU/edit?usp=sharing

navigation is the process of navigating pages, apps, and websites on the internet. The technology behind it is called hypertext or hypermedia.

Workbook: https://docs.google.com/document/d/1kuEzDFd2ZQfAXrDDjC7rsk3Vv5AtTruKgBK_YJ33MRU/edit?usp=sharing

When developing web designs, one of the most important things to pay attention to is user interaction.