YouTube: Up & Running with Twitter Bootstrap

"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.


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

Posted by Belghit Alaoui Omar on November 29, 2013 at 06:53 PM PST #

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

Posted by Geertjan on November 30, 2013 at 12:29 AM PST #

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.

Posted by guest on February 22, 2014 at 03:08 PM PST #

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.

Posted by Geertjan on February 22, 2014 at 04:21 PM PST #

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

Posted by guest on April 23, 2014 at 12:23 AM PDT #

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

Posted by guest on April 23, 2014 at 12:24 AM PDT #

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

Posted by guest on July 09, 2014 at 12:42 PM PDT #

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

Posted by guest on February 06, 2015 at 10:57 AM PST #

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

Posted by guest on February 19, 2015 at 02:17 AM PST #

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.

Posted by dj on April 06, 2015 at 09:53 PM PDT #

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...

Posted by Ishan Nigam on July 16, 2015 at 01:48 AM PDT #

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: Try it again?

I looked in the log and get Server returned HTTP response code: 403 for URL: Any help would be appreciated.

Posted by guest on November 20, 2015 at 06:52 AM PST #

Post a Comment:
  • HTML Syntax: NOT allowed

Geertjan Wielenga (@geertjanw) is a Principal Product Manager in the Oracle Developer Tools group living & working in Amsterdam. He is a Java technology enthusiast, evangelist, trainer, speaker, and writer. He blogs here daily.

The focus of this blog is mostly on NetBeans (a development tool primarily for Java programmers), with an occasional reference to NetBeans, and sometimes diverging to topics relating to NetBeans. And then there are days when NetBeans is mentioned, just for a change.


« July 2016