Monday, February 24, 2014

How to Run Twitter Bootstrap Documentation in Windows

Hi, you can arrived at here must be because you are Twitter Bootstrap Lover just like me.
Anyway in Twitter Bootstrap version 3.x.x, it's Documentation Changed from pure HTML Files to Jekyll Site. You Can Run it Easely with following Guides Below :

1. Download Ruby Application Stack From Bitnami. Latest version is Better. Here's the Link : http://bitnami.com/stack/ruby then install it.

2. Download Twitter Bootstrap 3.x.x Source Code from GitHub (Documentation Included in Source Code) :
- Latest :
https://github.com/twbs/bootstrap/archive/master.zip
- Archived Version :
https://github.com/twbs/bootstrap/archive/v3.1.1.zip
then Extract it to wherever place you like, eg: "C:\Users\zemmy\Desktop\bootstrap".
3. After that you can follow guide from here to install Jekyll in Windows OS. Or you can follow my following Guide :
  • Make sure you have installed Bitnami Ruby Application Stack and Connected to Internet.
  • Open "Use Bitnami Ruby Stack" from Windows Start Menu or from C:\BitNami\rubystack-1.9.x-xx\use_ruby.bat, then Bitnami Ruby Command Console will open. Then type "gem install jekyll --version "=1.4.2"".
  • After Jekyll Gem Installation Done, type in Bitnami Ruby Command Console "cd C:\Users\zemmy\Desktop\bootstrap" to go to Extracted Twitter Bootstrap Source Code and Documentation Folder.
  • Type "chcp 65001" in Bitnami Ruby Command Console.
  • From the root /bootstrap directory, run "jekyll serve" in the command line.
Voila, Twitter Bootstrap Documentation can Accessible from "http://localhost:9001/"

Update:
For Windows 8 or 8.1 User, if you type "chcp 65001" in Bitnami Ruby Command Console, the Jekyll can't process HTML Page, so blank page will be seen in "http://localhost:9001/".
So to fix this, just skip type "chcp 65001" in Bitnami Ruby Command Console.

0 comments:

Post a Comment