GPTT Developer Blog

← Back to Home

Building Responsive Websites with Bootstrap 5

Bootstrap 5 is a modern CSS framework that allows developers to build responsive, mobile-first websites quickly.

Getting Started

Include Bootstrap 5 CSS and JS in your project. You can use CDN or download locally:



Grid System

Bootstrap uses a 12-column grid system. Example:

Column 1
Column 2

Responsive Utilities

  • d-none d-md-block → hide on small screens, show on medium+
  • text-center text-md-start → center on small, left-align on medium+

Components

Bootstrap provides buttons, navbars, cards, forms, and more. Customize using classes or custom CSS.

Conclusion: With Bootstrap 5, developers can quickly build fully responsive and professional websites.