Custom Bootstrap 3

AngularJS Express component to include a custom Bootstrap 3 stylesheet.

Installation

To install the component:

$ ngx install less-custom-bootstrap3

By default, the component is configured to include LESS files from a jspm installed Bootstrap.

So you should either run:

$ jspm install bootstrap-less

or update the @bootstrap-path-to-less-files variable in _bootstrap.less to make it point to the folder with LESS files.

No clue what the ngx command line tool is? Learn more about AngularJS Express.

Edit the LESS files to your liking:

_bootstrap.less:
- comment/uncomment the modules you wish to include
- set @bootstrap-path-to-less-files to the path of the Bootstrap less files
_variables.less:
- configure the Bootstrap variables to fit your needs
styles.less:
- add styles
- import styles from other components

and then include the styles in your markup:

link(rel="stylesheet", type="text/css", href="components/less-custom-bootstrap3/styles.css")

styles.less is automatically preprocessed, minified and autoprefixed by Angular Express to styles.css.