pfsense/pfsense — pull request #777 by CharlieMarshall (2013-08-17 16:25:41+00:00)
Title: add "Twitter bootstrap" to pfsense

If people don't have any objection I would like to add twitter bootstrap to pfsense? This PR is not ready for merge yet. I just want to see if this is something that would be considered before I spend a lot of time on this.

Reasons to add twitter / to do list:

* First on my list is to change the alerts so they will look something like these:
http://getbootstrap.com/2.3.2/components.html#alerts
* Second is to make the webGui repsonsive. Surprisingly it is KINDA responsive by simple importing the css & js, I believe this is because pfsense is already using the class name "container". But it is nowhere near 100% responsive.
* Third on my list is to change the dropdown menus to use twitter bootstrap but probably on one theme only as I believe @jimp wouldn't approve of a complete overhaul due to screenshots matching the pfsense book? I envision doing this by having an if else statement ie

```
if theme name == twitter
import fbegin-twitter.inc
else
import fbegin.inc
```

* Fourth fix up the css

I have so far broken the first stage into 4 commits:

Commit 78995a7 simple adds the bootstrap.min.css & bootstrap.min.js files to pfsense without using them. These files were taken from the "Customized twitter bootstrap" page as it includes everything in one file:
http://getbootstrap.com/2.3.2/customize.html

Commit 480f835 remove some of the css from the bootstrap.min.css file. This is needed to keep all the current themes looking as they currently do. I have done this as a seperate commit so we can see what was removed from the default css. Commit 25d44b3 were some tiny changes again to make the themes look normal

Commit 8a38cd9 bumps jQuery. This is needed as a lot of the jQuery does not work with pfsense's old jQuery. I need some advise here, can we bump right up to date (1.10.2)? Was the jquery amended before first commiting to pfsense? Since its merge there has only been spelling mistake corrections, which have been corrected by jQuery.

If you want to see an example of the jQuery not working try adding this code to a page:

```

Action

Foo

Bar

```

It will add a dropdown menu. But without bumping jQuery on clicking the button the dropdown menu wont be displayed and the console will list jquery errors.

Testing will be required and this is really why I have opened the PR. I have had a quick look and can't see any big issues.

I'm open to changes/idea etc