A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.
You should ensure that you add the following dependency in your Flutter project.
dependencies:
flutter_bootstrap: "^2.0.0"You should then run flutter packages upgrade or update your packages in IntelliJ.
In your Dart code, to use it:
import 'package:flutter_bootstrap/flutter_bootstrap.dart';This package exposes 4 new Widgets:
- BootstrapContainer
- BootstrapRow
- BootstrapCol
- BootstrapVisibility
...and a series of helper methods:
- bootstrapGridParameters
- bootstrapPrefixBasedOnWidth
- bootstrapMaxWidthNonFluid
- bootStrapValueBasedOnSize
It implements the following Bootstrap4 features:
- .container
- .container-fluid
- .row
- .col-*, .col-sm-*, .col-md-*, .col-lg-*, .col-xl-*
- .offset-*, .offset-sm-*, .offset-md-*, .offset-lg-*, .offset-xl-*
- .order-*, .order-sm-*, .order-md-*, .order-lg-*, .order-xl-*
- conditional visibility based on device width and column definition
Full documentation and examples can be found on my website.
An example can be found in the example folder. Check it out.