Geertjan's Blog

  • October 17, 2013

YouTube: Up & Running with Twitter Bootstrap

Geertjan Wielenga
Product Manager

"Twitter Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions.
It is the most popular project on GitHub and has been used by NASA and MSNBC among others." (Wikipedia)

Normally, when you read "getting started" instructions for Twitter Bootstrap, you're told to download various things from various sites. Then you're told to set up various folders and files, etc. What if it could be much simpler than that? Spend 7 minutes with me in this (silent) screencast and you'll see a complete development environment for developing applications with Twitter Bootstrap:

Two things that could be added to the movie are the JavaScript debugger, the support for responsive design via switching between form factors in the embedded browser and Chrome with the NetBeans plugin, as well as how to convert the application to a native Android or iOS package via in-built Cordova support.

Join the discussion

Comments ( 13 )
  • Belghit Alaoui Omar Saturday, November 30, 2013

    Hello how did you install the palette in the right of netbeans ?

  • Geertjan Saturday, November 30, 2013

    It's part of NetBeans IDE. Look in the Window menu, you'll find the Palette there, in the IDE Tools.

  • guest Saturday, February 22, 2014

    My netbean is not as functional as yours, I wonder why. First off my autocompletion for the HTML values do not work. I am running NB on Ubuntu.

  • Geertjan Sunday, February 23, 2014

    No clue what version of NetBeans you're using. No clue what your JDK version is. I can't help you at all, I wonder why.

  • guest Wednesday, April 23, 2014

    do i need to use any javascript plugin to develop fixed navigation bar and other features

  • guest Wednesday, April 23, 2014

    do i need any java script plugin for developing fixed navigation bar and other feature in the net beans ide

  • guest Wednesday, July 9, 2014

    I am using the new Netbeans 8.0 and my jdk is 8u5 but the autocompletion feature doesn't seem to work for me and with the complexity of bootstrap, it is something I really need

  • guest Friday, February 6, 2015

    Hi,could you please tell me how I could use bootstrap with the java web category project of netbeans

  • guest Thursday, February 19, 2015

    This is great info.

    I tried it, works fine.

    Is there a way to add template for Bootstrap 3?

    ver: NetBeans IDE 8.0.2

  • dj Tuesday, April 7, 2015

    I too was looking how to upgrade to V3 (like 2015/02/19 quest).

    I found the entry below, which basically says create a regular html5 project, add bootstrap 3 to the project, and then save project as template.


  • Ishan Nigam Thursday, July 16, 2015

    Hello Geertjan, nice tutorial but I am making my email system in J2EE and I wanna use bootstrap in this...can you please tell me that how to integrate this coz m not getting any options over there...


  • guest Friday, November 20, 2015


    I am trying to install twitter bootstrap on netbeans on a mac. I keep getting the following error Network error occured while processing these requests: http://getbootstrap.com/2.3.2/assets/bootstrap.zip Try it again?

    I looked in the log and get java.io.IOException: Server returned HTTP response code: 403 for URL: http://getbootstrap.com/2.3.2/assets/bootstrap.zip Any help would be appreciated.

  • guest Tuesday, April 11, 2017

    how to build bootstrap with java programming

Please enter your name.Please provide a valid email address.Please enter a comment.CAPTCHA challenge response provided was incorrect. Please try again.