boeledi/flutter_bootstrap

flutter_bootstrap

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

https://raw.githubusercontent.com/boeledi/flutter_bootstrap/HEAD/flutter_bootstrap.gif

---

Getting Started

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

---

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.