Bootstrap CSS Basics

Bootstrap CSS Basics is an open-source GitHub repository of Bootstrap interview questions and answers, centered on Bootstrap 5, that teaches the framework through eight Q&A chapters covering layout, grid, forms, components, navigation, utilities, and Bootstrap 5 features.

What is Bootstrap CSS Basics?

Bootstrap CSS Basics is an open-source GitHub repository that serves as a question-and-answer study guide for the Bootstrap front-end framework, with a stated focus on Bootstrap 5 (v5.x). The repository's table of contents lists eight sections — Bootstrap Overview, Bootstrap Layout, Bootstrap Grid System, Bootstrap Forms, Bootstrap Components, Bootstrap Navigation, Bootstrap Utilities, and Bootstrap 5 Features — and each section is filled with interview-style questions, code snippets, and comparison tables. It runs as static Markdown documentation, so there is no build step or installation required; you read it directly on GitHub. The repository metadata reports 87 stars and topics that include bootstrap-interview-questions and bootstrap-template.

Key Features

• Eight Q&A chapters — Organizes Bootstrap knowledge from overview to Bootstrap 5 features, covering layout, grid, forms, components, navigation, and utilities.
• Bootstrap 5 breakpoint tables — Lists the six breakpoints (sm, md, lg, xl, xxl) with exact pixel values (576, 768, 992, 1200, 1400) and the container max-widths at each.
• Container and layout comparisons — Explains .container, .container-fluid, and .container-{breakpoint} with HTML examples and a max-width table.
• Grid system rules — Documents the 12-column flexbox grid, offset classes, column ordering, gutters, and row-cols options.
• Component coverage — Includes modals, collapse/accordion, list groups, badges, pagination, carousel, progress bars, alerts, thumbnails, wells, input groups, and navs.
• Utility class reference — Covers responsive display utilities, button styles, and contextual alert classes.
• Code display guidance — Explains when to use the code tag (inline) versus the pre tag (multi-line blocks).
• JavaScript plugin methods — Lists carousel and collapse methods such as .carousel('cycle'), .carousel('pause'), and the collapse show/hide/toggle API.

Who is it for?

• Front-end developers preparing for Bootstrap interviews — Review the Q&A format to practice answers on grid, layout, and components.
• Students learning Bootstrap — Work through the chapters in order to build a mental model of the framework's core concepts.
• Developers needing a quick reference — Jump to a specific table (e.g., breakpoints, z-index values) or code example when building responsive layouts.
• Designers who write HTML/CSS — Use the container, grid, and utility examples to understand how Bootstrap structures pages.

What can you do with Bootstrap CSS Basics?

• Interview preparation: Drill on the included questions such as "What is the difference between .container and .container-fluid?" or "How do offset columns work?" to build confidence.
• Building layout scaffolding: Copy the container, row, and column examples to quickly prototype a responsive two-column page.
• Customizing Bootstrap: Apply the Sass breakpoint map and gutter utility information to understand how to override framework defaults.
• Teaching Bootstrap: Use the comparison tables and code blocks as instructional material for workshops or tutorials.

FAQ

What Bootstrap version does this repository cover?

The repository description states "Bootstrap-CSS Basics ( v5.x )", and the content consistently references Bootstrap 4/5 and Bootstrap 5 classes such as .form-control, .form-select, and .container-md. The breakpoint and container tables match Bootstrap 5 defaults.

Does Bootstrap CSS Basics include a working demo or website template?

No. It is a Markdown documentation repository, not a deployable template. All examples are HTML snippets intended for reading and copying rather than for running as a standalone project.

Is Bootstrap CSS Basics free to use?

The repository is open source — it introduces itself with a "Click ★ if you like the project" note and welcomes contributions, indicating it is free to read and use under standard open-source sharing conventions.

What topics are covered in the eight sections?

The table of contents lists: Bootstrap Overview, Bootstrap Layout, Bootstrap Grid System, Bootstrap Forms, Bootstrap Components, Bootstrap Navigation, Bootstrap Utilities, and Bootstrap 5 Features. These cover everything from responsive containers and the 12-column grid to modals, carousels, pagination, and utilities.

Are there examples of Bootstrap 4 vs Bootstrap 5 differences?

Yes, the content notes differences such as the removal of jQuery in Bootstrap 5, the use of .form-group in Bootstrap 4 versus .mb-3 in Bootstrap 5, and the replacement of data-toggle with data-bs-toggle attributes.