Twitter Bootstrap v4-alpha sudah rilis Agustus lalu. Kita bisa lihat dokumentasinya di http://v4-alpha.getbootstrap.com/. Saya sendiri sudah menggunakan versi development ini sejak rilis. Tapi sayangnya dokumentasi v4 ini tidak up-to-date. Beberapa CSS rule dari v3 telah dihilangkan. Misalnya .page-header. Dan ada juga yang berganti nama, seperti .img-responsive menjadi .img-fluid. Untuk mendapatkan dokumentasi yang lebih up-to-date, kita perlu generate dari source code di GitHub. Untuk download Bootstrap v4 keseluruhan, kita bisa menggunakan beberapa cara. Pilih salah satu yang anda suka.

git clone --depth=1 --branch=v4-dev https://github.com/twbs/bootstrap.git
  • menggunakan npm
npm install "twbs/bootstrap#v4-dev"

Setelah selesai download source code, kita perlu install semua npm dependencies, Grunt, Bundler.

  • Install Grunt

  • npm install -g grunt-cli
    
    • Install Bundler (jika belum punya)
    gem install bundler
    

    Jalankan bundler untuk install Jekyll

    bundler
    

    Sekarang jalankan

    grunt docs
    

    dan

    jekyll serve
    

    Lalu buka http://localhost:9091. Tadaa… dokumentasi terbaru siap dibaca-baca.

    bootstrap-v4-docs
    Kiri dokumentasi v4 di website, kanan adalah hasil generate dari source code.

    Bingung karena menggunakan Windows? :/
    Rasain!! 😂 Makanya pake *nix aja berow!

    Referensi http://v4-alpha.getbootstrap.com/getting-started/build-tools/

    Iklan

    2 pemikiran pada “Generate Dokumentasi Twitter Bootstrap v4

    Tinggalkan Balasan

    Please log in using one of these methods to post your comment:

    Logo WordPress.com

    You are commenting using your WordPress.com account. Logout / Ubah )

    Gambar Twitter

    You are commenting using your Twitter account. Logout / Ubah )

    Foto Facebook

    You are commenting using your Facebook account. Logout / Ubah )

    Foto Google+

    You are commenting using your Google+ account. Logout / Ubah )

    Connecting to %s