Skip to main content

responsive_bootstrap_ui 1.0.5 copy "responsive_bootstrap_ui: ^1.0.5" to clipboard
responsive_bootstrap_ui: ^1.0.5 copied to clipboard

A lightweight Bootstrap-like responsive grid system for Flutter with 12-column layout, breakpoints, rows, and columns.

Flutter Responsive UI #

A lightweight, Bootstrap-like responsive grid system for Flutter.

✔ 12-column grid ✔ Automatic wrapping ✔ Responsive breakpoints (xs, sm, md, lg, xl) ✔ Works in forms, dashboards, or any layout ✔ Zero dependencies


📦 Installation #

Add this to your pubspec.yaml:

dependencies:
responsive_bootstrap_ui: ^1.0.5

🔧 Import #

import 'package:responsive_bootstrap_ui/responsive_bootstrap_ui.dart';

📱 Breakpoints #

Size Width Columns
xs <320px xs
sm ≥481px sm
md ≥601px md
lg ≥769px lg
xl ≥1025px xl

🏗 How It Works #

The grid divides the screen into 12 columns, similar to Bootstrap. You specify how many columns each widget takes depending on screen width.


📄 License #

MIT License


⭐ Contribute #

Pull requests are welcome!

2
likes
160
points
16
downloads

Documentation

API reference

Publisher

unverified uploader

Weekly Downloads

A lightweight Bootstrap-like responsive grid system for Flutter with 12-column layout, breakpoints, rows, and columns.

Repository (GitHub)
View/report issues

License

MIT (license)

Dependencies

flutter

More

Packages that depend on responsive_bootstrap_ui