Bootstrap Stylus 3.1.1
Port of the amazing Bootstrap 3.1.1 to Stylus 0.42.0.
This version removes the mixins and prefers nib.
There might be some slight color differences due to the differences between the color functions in LESS and those in Stylus.
Installing
Latest version via Bower:
$ bower install bootstrap-stylus
Legacy 2.3.2 version is kept in this release and can be installed via Bower as well, however it does not include any build scripts.
$ bower install bootstrap-stylus#2.3.2
Compiling CSS from Stylus
Bootstrap Stylus uses Grunt with convenient methods for working with the framework. To use it, install the required dependencies as directed and then run some Grunt commands.
Install Grunt
From the command line:
- Install
grunt-cliglobally withnpm install -g grunt-cli. - Install the necessary local dependencies via
npm install
When completed, you'll be able to run the various Grunt commands provided from the command line.
Unfamiliar with npm? Don't have node installed? That's a-okay. npm stands for node packaged modules and is a way to manage development dependencies through node.js. Download and install node.js before proceeding.
Available Grunt commands
Compile CSS and JavaScript - grunt dist
grunt dist creates the /dist directory with compiled files. Uses UglifyJS.
Legacy 2.3.2 Theme - grunt theme
This will compile the theme.styl separately and output it to the /dist folder.
Watch - grunt watch
This is a convenience method for watching just Stylus files and automatically building them whenever you save.
Troubleshooting dependencies
Should you encounter problems with installing dependencies or running Grunt commands, uninstall all previous dependency versions (global and local). Then, rerun npm install.
Original Authors
Mark Otto
Jacob Thornton
Copyright and license
Copyright 2013 Twitter, Inc under the Apache 2.0 license.