Bootstrap is a popular front-end framework for building responsive, mobile-first websites and web applications.
It was originally developed by Twitter and is now open-source.
Key Features:

Responsive Grid System: A flexible grid layout based on 12 columns to create responsive designs.
Pre-designed Components: Buttons, forms, navbars, modals, carousels, alerts, and more.
Customizable: Easily customizable through variables, allowing adjustments in colors, typography, and layout.
Cross-browser Compatibility: Works across all major browsers.
Utilities: Ready-to-use CSS classes for spacing, alignment, and more.


Versions:

Bootstrap 3: Focused on a mobile-first approach.
Bootstrap 4: Introduced Flexbox for better alignment and responsiveness.
Bootstrap 5: Removed dependency on jQuery and focused on performance improvements.

Grid System:

Built on a 12-column layout, allowing you to create flexible and adaptive designs.
Grid classes like .col-, .col-md-, .col-lg-, etc., adjust layout based on screen size.
Responsive Design:

Bootstrap uses media queries to adapt to different screen sizes, ensuring a consistent experience across devices.
Typography & Icons:

Includes predefined classes for headings, text, and icons (Font Awesome or Bootstrap Icons).
JavaScript Components:

Includes interactive components like modals, dropdowns, carousels, tooltips, and more, which are powered by JavaScript or Bootstrap’s own JavaScript utilities.


Questions:
1. What is BOOTSTRAP?
2. What are the versions of BOOTSRAP?
3. What does Bootstrap uses to adapt different screen sizes?
4.What are the components in Bootstrap?