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.
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
bootstrap_sass
has a number of major contributors:
-
Peter Gumeson
The Dart port is made by: Luis Vargas
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.