Scribd
Upload
4 views9 pages

Bootstrap

Bootstrap is an open-source CSS framework developed by Twitter for responsive, mobile-first front-end development, with the latest version being Bootstrap 5 released in 2021. It features a 12-column responsive grid system, a variety of reusable components, and improved customization options without jQuery dependency. Key components include navigation elements, content alerts, and enhanced forms, along with new features like accordions and toast notifications.

Uploaded by

Bishal Ghosh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
4 views9 pages

Bootstrap

Bootstrap is an open-source CSS framework developed by Twitter for responsive, mobile-first front-end development, with the latest version being Bootstrap 5 released in 2021. It features a 12-column responsive grid system, a variety of reusable components, and improved customization options without jQuery dependency. Key components include navigation elements, content alerts, and enhanced forms, along with new features like accordions and toast notifications.

Uploaded by

Bishal Ghosh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 9

BOOTSTRAP

WHAT IS BOOTSTRAP?

• Bootstrap is an open-source CSS framework.


• Developed by Twitter; used for responsive, mobile-
first front-end development.
• Latest version: Bootstrap 5, released in 2021.
WHY USE BOOTSTRAP?
• Quick and easy to set up.

• Provides a consistent design.

• Offers a responsive grid system.

• Includes a wide range of reusable

components.

• Extends with custom styles.


KEY FEATURES OF BOOTSTRAP 5

• No dependency on jQuery.

• Improved grid system.

• New utility classes and helpers.

• Updated forms, components, and documentation.

• Enhanced customization with Sass.


BOOTSTRAP 5 GRID SYSTEM

• 12-column responsive grid system.


• Flexbox-based grid layout.
• Responsive breakpoints (xs, sm, md, lg,
xl, xxl).
• Grid utilities: .container, .row, .col,
etc.
BOOTSTRAP 5 COMPONENTS

• Navigation: Navbar, Pagination,


Breadcrumbs.

• Content: Alerts, Badges, Buttons,


Cards, etc.

• Forms: Inputs, Checkboxes, Radios,


Validation.
NEW COMPONENTS IN BOOTSTRAP 5

• Accordion: Collapsible panels.

• Toast Notifications: Lightweight alerts.

• Offcanvas: Hidden side panels.

• Enhanced Forms: Redesigned for


accessibility and better UI.
BOOTSTRAP 5 JAVASCRIPT
COMPONENTS

• No jQuery dependency.
• JavaScript components like Modals,
Carousels, Tooltips.
• Using data attributes and JavaScript
APIs.
THANK
YOU

You might also like