Release Candidate 1 of Twitter’s Bootstrap 3 has been released now. With RC1 Bootstrap uses Grunt to compile the files (see at the end of this post) Twitter Bootstrap 3 is not ready for production yet. At this time you can download the latest version on GitHub.
To build and compile this version you need to install: node, npm, less, jshint recess, uglify-js and make. I build on Ubuntu 12.04 LTS.
- Download:
https://github.com/twitter/bootstrap/archive/3.0.0-wip.zip
- Install node (
https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager
- )
- Install npm (apt-get install npm)
- Install less (npm install -g less)
Install jshint (npm install -g jshint, use npm install jshint recess uglify-js -g)install jshint, recess and uglify-js (install npm)
- run
make build
- to compile Bootstrap
When i tried to build Bootstrap the first time, i got an error like “Error: No compatible version found: source-map@’>=0.1.7- <0.2.0-‘” I solved this by adding Chris Lea’s PPA (https://launchpad.net/~chris-lea/ archive/node.js/) to my system. After updating node.js i still got some errors (js/bootstrap-affix.js: line 23, col 17, Bad option: ‘;_;’. etc.) when building. Running ‘npm install‘ after updating solved this.
After reading npm 1.0: Global vs Local installation and take a better look at the Makefile i realize Running ‘npm install‘ installs local versions of jshint, recess, uglify-js in “./node_modules/.bin”. Where v2.3.1 requires a local install v3 also looks in the global path.
Documentation
To view the docs locally, you’ll need to install Jekyll to run a local server. Run Jekyll from the “docs” dir; jekyll –server. Docs will be available on http://localhost:{port}/docs.html where {port} is 9001 by default. See also: Compile bootstrap 3 docs (How to)?
Grunt
With RC1 Bootstrap uses Grunt with convenient methods for working with the framework.
- Install `grunt-cli` globally with `npm install -g grunt-cli`.
- Install the [necessary local dependencies](package.json) via `npm install`
- use `grunt` to compile and run tests or `grunt dist` to only compile CSS and Javascript
Compiled CSS and JS
Try twitter Bootstrap 3 without compiling and building it? Download the compiled and minified versions of the CSS, JavaScript, and fonts here. No documentation or original source files are included. Updated to RC1
Bootply
Bootply is a playground for Twitter Bootstrap. Use Bootply to design, prototype, extend, or test the Bootstrap framework. Bootply also offers you the opportunity to test your code with Twitter Bootstrap 3.0.0 RC now.
CDN
The folks over at NetDNA have graciously provided CDN support for Bootstrap’s CSS and JavaScript. To use, swap your local instances for the Bootstrap CDN links listed below.
<!-- Latest compiled and minified CSS -->
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet" />
<!-- Latest compiled and minified JavaScript -->
<script type="text/javascript" src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
Comments
11 responses to “Explore and install Twitter Bootstrap 3”
This sounds awfully complicated, isn’t it hosted anywhere online yet?
Hi Paul,
Which part do you want hosted online? http://bassjobsen.weblogs.fm/bootstrap3.zip will give you the compiled and minified versions of the CSS, JavaScript, and fonts. You can also view the documentation on: http://rnikitin.github.io/bootstrap/docs/
Hello
Is your build still available for download?
I am getting a 404 for bassjobsen.weblogs.fm/bootstrap3.zip
Hi Andrew,
Thanks for your comment. I made a typo. It is (again) available for download on http://bassjobsen.weblogs.fm/bootstrap3.zip
Their is only Minified and a dev version. What about Responsive CSS and Desktop css.
With Twitter Boostrap 3 all Less code, including responsive styles, are compiled into a single CSS file.
Hello,
what I do to collect the files from the console nodejs in windows is:
type js\transition.js js\alert.js js\button.js js\carousel.js js\collapse.js js\dropdown.js js\modal.js js\tooltip.js js\popover.js js\scrollspy.js js\tab.js js\affix.js > bootstrap\js\bootstrap.js
type less\*.less > lessc > bootstrap\css\bootstrap.css
Only I have to install less js
[…] I don’t know how to But there is a nice person out there who compiled it for us here! Plus his blog does give instructions on how to compile it yourself if you want to, but I’m pretty lazy to […]
Indeed it is very complicated but it somehow works. Thanks for the hint.
CDN version requires jQuery. And their jQuery is not compatible with jQuery from jquery.com. It is just ridiculous.
Hi John, Bootstrap depends on jQuery. The CSS will work without it in most cases but the plugins don’t. When you don’t use CDN versions you will need jQuery still. You will need the latest version of jQuery, but NOT the latest 2.x version. Use the latest version of the 1.x release. Note jQuery 2.0 doesn’t support IE8 while Twitter Bootstrap 3 does. Also read: http://stackoverflow.com/questions/14608681/can-i-use-twitter-bootstrap-without-jquery, http://daniemon.com/blog/bootstrap-without-jquery/ and http://stackoverflow.com/questions/16062650/how-to-use-sass-to-properly-avoid-embedding-twitter-bootstrap-class-names-on-htm/18253720. Also AngularJS offers a way to use Bootstrap without jQuery: http://angular-ui.github.io/bootstrap/