Skin:BootStrapSkin



The BootStrapSkin is a modified Vector skin utilising Bootstrap (3.1.1) that includes a custom bootstrap style (33k lines of code) along with several jQuery and JavaScript utilities to create a dynamic, clean skin that allows for the addition of eye catching typography (see demo).

We now have a demo server where can create an account and have a play before deciding whether BootStrapSkin is for you.

Using the demo gives you the opportunity to see how the administration links are displayed. Have opted for Bootstrap nav-tab drop downs, which display at the top of the page, as do user and user/talk.

= Features =

The skin offers 23 colour classes, (4 default Bootstrap colours - info, success, warning and danger), 5 shades of the default skin colour (blue #2776AC) and a further 14 custom colours, all of which can be applied to any of the typography items.

There are currently 27 default typographical features that can be included into MediaWiki articles using nothing more than div, span and ul tags. More will be included over time and at update. Some of the more popular features are;


 * Carousel (prefered setting "$wgAllowExternalImages = true;" in LocalSettings.php)
 * FontAwesome and Glyphicons
 * Buttons
 * Horizontal and Vertical info boxes
 * Incontent dropdown navigation (nav tabs)
 * Dismissable/Removable Portlets - Can be set to opened of closed on page load
 * Pagination
 * Tool Tips - Position can be set to top, bottom, left and right
 * Pop overs - As above
 * Modals - Use any of the features in the Modal

Just to emphasise there is absolutely no raw html input required and all of the typography can be added using MediaWiki allowed tags only.

See here for a complete list of features. We have created several pages that describe how the Bootstrap features can be added.

= Screen Shots =

= MediaWiki Version =

Tested on 1.22.5 and currently in use on 1.23.0

Please test on a development server if you intend to use on versions prior to 1.22.5

Feedback on version use would be appreciated.

= Installation =


 * Download and extract the file(s) in a directory called "bootstrap" in your skins/ folder.


 * Do not be concerned that there isn't a base file in skins root, this is normal.


 * Add the following code at the bottom of your "LocalSettings.php"


 * Optional mods which will help with some of the features:

= Configuration =

View the feature guides to add BootStrap features to MediaWiki articles.

= Conflicting Extensions =

Because BootStrapSkin is heavily reliant on JavaScript, it's use should be tested and checked on installations that use other third party extensions using JavaScript, particularly the jQuery-ui family. Third party extensions know to conflict with BootStrapSkin are;

[list] [*] Extension:HeaderTabs [/list]

= Addons/extras =

As of version 0.0.41 the download includes 4 colours, blue (which is default) as well as red, green and purple.

The are also two additional addons for BootStrapSkin;


 * BSS ContactForm - Read More
 * BSS e-Commerce - Read More

= Support =

All support questions and queries through the forums please as I only visit this page when the product is updated.

= Version History =

Older versions remain active and downloadable, though please refer to separate installation instructions.


 * 0.0.38 - Released 17th June 2014 -
 * 0.0.39 - Released 23rd June 2014 - Changed naming convention
 * 0.0.40 - Released 24th June 2014 - Removed conflicting JavaScripts (lightbox,magnific-popup and holder)
 * 0.0.41 - Released 3rd July 2014 - Corrected an error which meant radio's and check boxes were not displaying.

= Bug Reports =

Click here to report any bugs or problems.