bootstrap_plus 0.0.2 copy "bootstrap_plus: ^0.0.2" to clipboard
bootstrap_plus: ^0.0.2 copied to clipboard

A Flutter package providing a responsive grid system and utilities similar to Bootstrap for building adaptive UIs.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:bootstrap_plus/bootstrap_plus.dart'; // Import your package.

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Bootstrap Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const ExampleHomePage(),
    );
  }
}

class ExampleHomePage extends StatelessWidget {
  const ExampleHomePage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Bootstrap Example'),
      ),
      body: BootstrapRow(
        children: [
          BootstrapCol(
            sizes: 'col-12 col-md-6',
            child: Container(
              color: Colors.red,
              height: 100,
              alignment: Alignment.center,
              child: const Text('Column 1'),
            ),
          ),
          BootstrapCol(
            sizes: 'col-12 col-md-6',
            child: Container(
              color: Colors.blue,
              height: 100,
              alignment: Alignment.center,
              child: const Text('Column 2'),
            ),
          ),
          BootstrapCol(
            sizes: 'col-12 col-md-3',
            child: Container(
              color: Colors.red,
              height: 100,
              alignment: Alignment.center,
              child: const Text('Column 1'),
            ),
          ),
          BootstrapCol(
            sizes: 'col-12 col-md-3',
            child: Container(
              color: Colors.blue,
              height: 100,
              alignment: Alignment.center,
              child: const Text('Column 2'),
            ),
          ),
        ],
      ),
    );
  }
}
4
likes
0
points
27
downloads

Publisher

unverified uploader

Weekly Downloads

A Flutter package providing a responsive grid system and utilities similar to Bootstrap for building adaptive UIs.

Repository (GitHub)
View/report issues

Topics

#flutter #responsive #grid #adaptive-ui #bootstrap

License

unknown (license)

Dependencies

flutter

More

Packages that depend on bootstrap_plus