Integrate Joomla CSS system with Twitter-Bootstrap CSS

Question

It's less that 24 hours that I've known Bootstrap and I've fallen in love into it!

As I've understood, Bootstrap is a collection of CSSs ready to use.

We should only give the class name according to Bootstrap and our website will have a modern and perfect look.

OK.

Now the problem is that Joomla builtin system doesn't use Bootstrap compatible classes.

Is there a fast way to change way to change Joomla builtin CSS system to be compatible with Bootstrap?

Hope it be understandable.

Maybe there is a plugin to convert Joomla CSS system to Bootstrap-familiar CSS. I couldn't find such exact plugin.

Answer 1

I know the feeling about Bootstrap. A lot of people would disagree, but I too really like it. However, even though Joomla 3.0 is based on Bootstrap, I wouldn't recommend using it, as it's the short release. Joomla 2.5 is still the long term recommended version to use, therefore I suggest you stick with that and find yourself a Boostrap template, such as Joomstrap, which is free. Please note that the template was based on Bootstrap 2.0.4, so you will need to download the latest version and replace the CSS and JS files.

You might also be interested in the Boostrap template based on Gantry for Joomla 2.5.

Having said to stick with Joomla 2.5 as it's the long term release, once Joomla 3.5 comes out, which will be the next long term release, I would upgrade to that. This too will also be based on Bootstrap.

Answer 2

If it's possible for you to upgrade your System, the new Joomla 3.0 comes with Bootstrap. Otherwise you only have to build an own Template where you use this Framework.

Answer 3

There is no problem with doing that. You start with developing a custom template, then after that you just use overrides for your components etc.

You don't need a plugin.