I refactored a static website into responsive one using Twitter Bootstrap, HTML5 and CSS3.

The same content should be displayed in a desktop browser, on a tablet, and on a smartphone.

To achieve this, we need a development technique such as Responsive Design, that detects the client type and dynamically adjusts the layout of a site according to the size of the screen on which it is displayed.

http://extjwnl.sourceforge.net/

The navigation bar takes up too much space on a small screen. There are needed to hide the navigation bar; and only show it when it is needed.

I have replaced the navigation bar with a button in the top right corner. Only when the button is clicked, the navigation bar will display: About, License, Download and Documentation. The size of the button is optimized for convenient clicking on smartphone screen.