Search packages, repositories and app categories

Package detailsv4.0.0+4

bootjack

Bootjack is a porting of Twitter Bootstrap 3.0.x in Dart.

Web
30-day downloads
316
Likes
0
Pub points
115

Install package

flutter pub add bootjack

Package Overview

Package selection guidance compiled from public package information, community data, and project usage.

Bootjack is a Dart implementation of Twitter Bootstrap 3.0.x, designed to bring responsive UI components and styling to Flutter web applications. It enables developers to leverage familiar Bootstrap classes and layouts directly within Flutter's web environment, ensuring consistent, mobile-first designs. With support for grid systems, buttons, forms, modals, and more, Bootjack simplifies building responsive web interfaces using proven Bootstrap patterns. The package is maintained by quire.io and hosted on GitHub for community contributions.

Use cases

  • Building responsive web dashboards
  • Creating consistent UIs with Bootstrap design patterns
  • Rapid prototyping with pre-styled components
  • Migrating existing Bootstrap projects to Flutter Web
  • Implementing mobile-first layouts

Key features

  • Full Bootstrap 3.0.x component compatibility
  • Dart-native integration with Flutter Web
  • Responsive grid system
  • Pre-styled UI elements (buttons, forms, modals)
  • Lightweight and easy to integrate

Suitable for

  • Flutter web developers seeking Bootstrap familiarity
  • Teams migrating from pure HTML/Bootstrap to Flutter
  • Projects requiring rapid UI development with consistent styling

Considerations

  • Limited to Flutter Web platform
  • No active updates beyond Bootstrap 3.0.x
  • May require custom overrides for modern design trends
  • Not suitable for non-web Flutter targets

Original README

Original README snapshot from the linked source repository. Visit the repository for the latest content.

Bootjack

Bootjack is a porting of Twitter Bootstrap 3.0.x in Dart.

Install from Dart Pub Repository

Include the following in your pubspec.yaml:

dependencies:
  bootjack: any

Then run the Pub Package Manager in Dart Editor (Tool > Pub Install). If you are using a different editor, run the command (comes with the Dart SDK):

pub install

Usage

First of all in your HTML file, you need to include the CSS resource:

<head>
	...
	<link rel="stylesheet" href="packages/bootjack/css/bootstrap.min.css">
</head>

Most of the functions in Bootjack components are automatic -- you only need to give the right CSS class on DOM elements and call a global function to register.

For example, a Dropdown button component is prepared by giving the following HTML snippet:

<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
	Button
	<span class="caret"></span>
</button>
<ul class="dropdown-menu">
	<li><a href="#">Menu Item #1</a></li>
	<li><a href="#">Menu Item #2</a></li>
	<li><a href="#">Menu Item #3</a></li>
</ul>

With the following global registration in Dart:

void main() {
	Dropdown.use();
}

That's right. All you need to do in Dart is to tell Bootjack you are using Dropdown components. You can also progammatically access and manipulate the Dropdown:

Dropdown dd = Dropdown.wire(element);
dd.toggle();

Check more examples and the API reference for more features. Also, you can read the reference of Bootstrap.

Notes to Contributors

Test and Debug

You are welcome to submit bugs and feature requests. Or even better if you can fix or implement them!

Fork Bootjack

If you'd like to contribute back to the core, you can fork this repository and send us a pull request, when it is ready.

Please be aware that one of Rikulo's design goals is to keep the sphere of API as neat and consistency as possible. Strong enhancement always demands greater consensus.

If you are new to Git or GitHub, please read this guide first.

Who Uses

  • Quire - a simple, collaborative, multi-level task management tool.
  • Keikai - a sophisticated spreadsheet for big data

Categories

Dependencies

Dependency list 3 items

Source repository

Projects using this package

No data available yet.