Skip to content

Latest commit

 

History

History
80 lines (53 loc) · 2.3 KB

_README.adoc

File metadata and controls

80 lines (53 loc) · 2.3 KB

bootstrap_sass

This project contains all the bootstrap sass source files. This project will be useful to create new themes using sass.

bootstrap_sass is a Sass-powered version of Bootstrap, ready to drop right into your Sass powered applications.

Usage

1 - Create a new project with next structure:

[project_root]
  ├─ pubspec.yaml
  ├─ web
  │  ├─ index.html
  │  ├─ _variables.scss
  │  ├─ theme.scss
  │  └─ ... other files and folders ...
  └─ lib
     └─ ... lib files and folders ...

2 - In the pubspec.yaml file add the bootstrap_sass and sass_builder dependencies as below:

link:example/pubspec.yaml[role=include]

3 - Then in _variables.scss add the variables you want to modify

link:example/web/_variables.scss[role=include]

4- In the theme.scss add next code:

link:example/web/theme.scss[role=include]

5 - Then in the index.html you will add the link to theme.css as below:

link:example/web/index.html[role=include]

so you will end up with an index.html file like next one:

link:example/web/index.html[role=include]

6 - Finally to run this project you will need to use next command:

webdev serve

Credits

bootstrap_sass has a number of major contributors:

The Dart port is made by: Luis Vargas

Bugs and feature requests

Have a bug or feature request to bootstrap core? Please open a new issue at https://github.com/twbs/bootstrap/issues/new.

Have a bug or feature request to bootstrap_sass Dart port? Please open a new issue at https://github.com/dart-league/bootstrap_sass/issues/new.

Code and documentation copyright 2011-2019 the Bootstrap Authors and Twitter, Inc. Code released under the MIT License. Docs released under Creative Commons.