flutter_bootstrap 1.0.1

Flutter Android iOS web

A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.

flutter_bootstrap #

A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.


Getting Started #

You should ensure that you add the following dependency in your Flutter project.

dependencies:
 flutter_bootstrap: "^1.0.1"

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';

Documentation #

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.


Example #

An example can be found in the example folder. Check it out.

29
likes
110
pub points
78%
popularity

Publisher

didierboelens.com

A partial implementation of Bootstrap Grid system in Flutter for Responsive Layout.

Repository (GitHub)
View/report issues

Documentation

API reference

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on flutter_bootstrap