How to integrate Twitter Bootstrap in a Joomla Website

Rate this item
(2 votes)
Thursday, 28 March 2013 15:05;
Published in Joomla Tutorials;

Bootstrap is an open-source Javascript framework developed by the team at Twitter. It is a combination of HTML, CSS, and Javascript code designed to help build user interface components.

For this age of web design and interface design, you cant live without using Twitter bootstrap elements. 

We have been using it on all the Joomla websites we did since last year. Its quite light weight, good looking and has a feel of web 2.0 too. Joomla 3.0 latest has twitter bootstrap integrated, but if you are looking to integrate twitter bootstrap into Joomla 1.5 or 2.5 , then you will need do that in the code . Its a matter of just calling the Twitter Bootstrap asset files in your index head tags and you are done. 

Once that is placed, you may use kind of bootstrap css tags and styles, which will automatically show the expected element of bootstrap. I love it!

Here is how to do it :

  1. Open your FTP file manager
  2. Goto templates/your_active_template/
  3. Open its index.php file or the file, which has your head tag for the frontend
  4. Just place this two lines of code before the end of the head tag.

< link rel="stylesheet" href="" / > < script src="" >< /script>


Read 2336 times Last modified on Friday, 14 June 2013 01:43
comments powered by Disqus

We are on Facebook

Tutorials Search