https://github.com/ag-sanjjeev/bootstrap-notes
This repository contains Bootstrap CSS framework topics and their notes to learn as a beginner.
https://github.com/ag-sanjjeev/bootstrap-notes
bootstrap bootstrap-notes bootstrap-topics bootstrap5 bootstrap5-notes bootstrap5-topics notes
Last synced: 11 months ago
JSON representation
This repository contains Bootstrap CSS framework topics and their notes to learn as a beginner.
- Host: GitHub
- URL: https://github.com/ag-sanjjeev/bootstrap-notes
- Owner: ag-sanjjeev
- License: mit
- Created: 2024-09-13T11:29:03.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-10-16T12:49:54.000Z (over 1 year ago)
- Last Synced: 2025-01-21T07:09:15.305Z (over 1 year ago)
- Topics: bootstrap, bootstrap-notes, bootstrap-topics, bootstrap5, bootstrap5-notes, bootstrap5-topics, notes
- Homepage:
- Size: 81.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# BOOTSTRAP 5 NOTES
This repository contains Bootstrap 5 topics and their notes to learn as a beginner.
*Refer the below contents, To kick start the learning of Bootstrap. which gives you __step by step__ approach to the concepts.*
\
## Prerequisites
Before diving into Bootstrap, ensure you have a strong foundation in:
1. [HTML](https://github.com/ag-sanjjeev/HTML-Notes): Understand the structure and elements of web pages.
2. [CSS](https://github.com/ag-sanjjeev/CSS-Notes): Grasp styling and layout concepts.
3. [JavaScript](https://github.com/ag-sanjjeev/JavaScript-Notes): Have a good understanding of core JavaScript concepts like variables, functions, objects, and DOM manipulation.
## ☰ CONTENTS
1. [Introduction](./introduction.md)
- [Downloading Bootstrap](./introduction.md#-downloading-bootstrap)
- [Linking Bootstrap](./introduction.md#-linking-bootstrap)
- [Structure of Bootstrap Page](./introduction.md#-structure-of-bootstrap-page)
2. [Bootstrap Layouts:](./docs/v5/bootstrap-layouts.md)
- [Breakpoints](./docs/v5/bootstrap-layouts.md#-breakpoints)
- [Containers](./docs/v5/bootstrap-layouts.md#-containers)
- [Grid](./docs/v5/bootstrap-layouts.md#-grid)
- [Rows](./docs/v5/bootstrap-layouts.md#-rows)
- [Columns](./docs/v5/bootstrap-layouts.md#-columns)
- [Columns Alignment](./docs/v5/bootstrap-layouts.md#-columns-alignment)
- [Columns Order](./docs/v5/bootstrap-layouts.md#-columns-order)
- [Gutters](./docs/v5/bootstrap-layouts.md#-gutters)
- [Nesting and offsets](./docs/v5/bootstrap-layouts.md#-nesting-and-offsets)
- [Utilities](./docs/v5/bootstrap-layouts.md#-utilities)
- [Z Index](./docs/v5/bootstrap-layouts.md#-z-index)
3. [Bootstrap Content:](./docs/v5/bootstrap-content.md)
- [Reboot](./docs/v5/bootstrap-content.md#-reboot)
- [Typography](./docs/v5/bootstrap-content.md#-typography)
- [Images](./docs/v5/bootstrap-content.md#-images)
- [Tables](./docs/v5/bootstrap-content.md#-tables)
- [Figures](./docs/v5/bootstrap-content.md#-figures)
4. [Components:](./docs/v5/components.md)
- [Accordion](./docs/v5/components.accordion.md)
- [Alerts](./docs/v5/components.alerts.md)
- [Badge](./docs/v5/components.badge.md)
- [Breadcrumb](./docs/v5/components.breadcrumb.md)
- [Buttons](./docs/v5/components.buttons.md)
- [Button group](./docs/v5/components.button-group.md)
- [Close button](./docs/v5/components.close-button.md)
- [Cards](./docs/v5/components.cards.md)
- [Carousel](./docs/v5/components.carousel.md)
- [Collapse](./docs/v5/components.collapse.md)
- [Dropdowns](./docs/v5/components.dropdowns.md)
- [Forms](./docs/v5/components.forms.md)
- [Form control](./docs/v5/components.forms.md#-form-control)
- [Form Text](./docs/v5/components.forms.md#-form-text)
- [Select](./docs/v5/components.forms.md#-select)
- [Checkboxes and Radios](./docs/v5/components.forms.md#-checkboxes-and-radios)
- [Range](./docs/v5/components.forms.md#-range)
- [Input group](./docs/v5/components.forms.md#-input-group)
- [Floating labels](./docs/v5/components.forms.md#-floating-labels)
- [Layout](./docs/v5/components.forms.md#-layout)
- [Validation](./docs/v5/components.forms.md#-validation)
- [List group](./docs/v5/components.list-group.md)
- [Modals](./docs/v5/components.modals.md)
- [Navbar](./docs/v5/components.navbar.md)
- [Navs and tabs](./docs/v5/components.navs-and-tabs.md)
- [Offcanvas](./docs/v5/components.offcanvas.md)
- [Pagination](./docs/v5/components.pagination.md)
- [Popovers](./docs/v5/components.popovers.md)
- [Progress bars](./docs/v5/components.progress-bars.md)
- [Scrollspy](./docs/v5/components.scrollspy.md)
- [Spinners](./docs/v5/components.spinners.md)
- [Toasts](./docs/v5/components.toasts.md)
- [Tooltips](./docs/v5/components.tooltips.md)
5. [Bootstrap Helpers](./docs/v5/bootstrap-helpers.md)
- [Clearfix](./docs/v5/bootstrap-helpers.md#-clearfix)
- [Colored links](./docs/v5/bootstrap-helpers.md#-colored-links)
- [Ratio](./docs/v5/bootstrap-helpers.md#-ratio)
- [Position](./docs/v5/bootstrap-helpers.md#-position)
- [Visually hidden](./docs/v5/bootstrap-helpers.md#-visually-hidden)
- [Stretched link](./docs/v5/bootstrap-helpers.md#-stretched-link)
- [Text truncation](./docs/v5/bootstrap-helpers.md#-text-truncation)
6. [Customization and Theming:](./docs/v5/customization-and-theming.md)
- [Background](./docs/v5/customization-and-theming.background.md)
- [Borders](./docs/v5/customization-and-theming.borders.md)
- [Colors](./docs/v5/customization-and-theming.colors.md)
- [Display](./docs/v5/customization-and-theming.display.md)
- [Flex](./docs/v5/customization-and-theming.flex.md)
- [Float](./docs/v5/customization-and-theming.float.md)
- [Interactions](./docs/v5/customization-and-theming.interactions.md)
- [Overflow](./docs/v5/customization-and-theming.overflow.md)
- [Position](./docs/v5/customization-and-theming.position.md)
- [Shadows](./docs/v5/customization-and-theming.shadows.md)
- [Sizing](./docs/v5/customization-and-theming.sizing.md)
- [Spacing](./docs/v5/customization-and-theming.spacing.md)
- [Text](./docs/v5/customization-and-theming.text.md)
- [Vertical align](./docs/v5/customization-and-theming.vertical-align.md)
- [Visibility](./docs/v5/customization-and-theming.visibility.md)
---
By following this roadmap and consistently practicing, you can learn a basic fundamentals in Bootstrap and build mobile first responsive web pages.
## ⚑ Contribution
Contributions are welcome! If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request. Make sure to follow the existing coding style and provide clear documentation for your changes.
## ⚑ License
This reference licensed under the [MIT license](LICENSE). Feel free to use, modify, and distribute it as per the terms of the license.
## ⚑ Contact
If you have any questions or need further assistance, please feel free to reach me by referring [My Github Profile](https://github.com/ag-sanjjeev/)
Thanks for reviewing this reference notes!