responsive_bootstrap_ui 1.0.5
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!