Pakete, Repositories und App-Kategorien suchen

Paketdetailsv4.0.0+4

bootjack

Bootjack ist eine Portierung von Twitter Bootstrap 3.0.x in Dart.

Web
30-Tage-Downloads
316
Likes
0
Pub-Punkte
115

Paket installieren

flutter pub add bootjack

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Bootjack ist eine Dart-Implementierung von Twitter Bootstrap 3.0.x, die entwickelt wurde, um responsive UI-Komponenten und -Styling in Flutter-Webanwendungen bereitzustellen. Es ermöglicht Entwicklern, vertraute Bootstrap-Klassen und Layouts direkt innerhalb der Flutter-Web-Umgebung zu nutzen und so konsistente, mobilorientierte Designs sicherzustellen. Mit Unterstützung für Gitter-Systeme, Schaltflächen, Formulare, Modals und vieles mehr vereinfacht Bootjack die Erstellung responsiver Web-Oberflächen mithilfe bewährter Bootstrap-Muster. Das Paket wird von quire.io gepflegt und auf GitHub für Community-Beiträge gehostet.

Anwendungsfälle

  • Reaktive Web-Dashboards erstellen
  • Konsistente Benutzeroberflächen mit Bootstrap-Designmustern erstellen
  • Schnellprototypen mit vorgefertigten Komponenten
  • Migration bestehender Bootstrap-Projekte zu Flutter Web
  • Mobile-first-Layouts implementieren

Hauptmerkmale

  • Vollständige Kompatibilität mit Bootstrap 3.0.x-Komponenten
  • Dart-native Integration mit Flutter Web
  • Reaktives Gitter-System
  • Vorab stilisierte Benutzeroberflächenelemente (Schaltflächen, Formulare, Modals)
  • Leicht und einfach zu integrieren

Geeignet für

  • Flutter-Web-Entwickler, die mit Bootstrap vertraut sind
  • Teams, die von reiner HTML/Bootstrap auf Flutter migrieren
  • Projekte, die eine schnelle UI-Entwicklung mit konsistenter Gestaltung erfordern

Hinweise

  • Beschränkt auf die Flutter Web-Plattform
  • Keine aktiven Aktualisierungen über Bootstrap 3.0.x hinaus
  • Kann anpassbare Überschreibungen für moderne Gestaltungstrends erfordern
  • Nicht geeignet für nicht-Web-Flutter-Ziele

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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

Kategorien

Abhängigkeiten

Abhängigkeiten 3 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.