How to use Components that requires Bootstrap Css

Hi, I am using the Game Template for Joomla 3.3 version. When I looked at the source code from the browser, I noticed that it doesn't include any Bootstrap css file but has the js file bootstrap.min.js. I am planning to install a custom component that uses Bootstrap css and I have the following questions if you can help me out please:

1) Does your template use Bootstrap Css? If yes, what version?

2) If yes to above, since I cant find the Bootstrap css, did you merge the bootstrap css with some other css file in your template? Does it use all Bootstrap classes or only the required ones?

3) Since my component requires Bootstrap css to be added, how can I add this Joomla components with bootstrap css dependency to this template?

4) When I add the bootstrap for the component, would that cause any conflict with your template?

5) Lastly, can I use a component that uses Bootstrap 3 without conflicts or can I only use the Bootstrap 2.3.x version?

Thank you so you for any assistance you give me.

Cheers!

When the extension require bootstrp should include this library because it is not required to use this CSS. We don't use this bootstrap styles and don't have any bootstrap parts in our template CSS code. You can include of course bootstrap in template by adding custom code but this may overwrite default template styles.

Thank you for that bkrztuk. I will try adding it and see how it goes. Hopefully there arent conflicts or override. But knowing that it could work side-by-side is a relief (ofcourse as long as the classes arent clashing which can override the template css).

We don't use this bootstrap styles and don't have any bootstrap parts in our template CSS code.

On that note, I am confused on the following:

1) If Bootstrap isint use, why is the bootstrap js included? So can you use only the boostrap js without the actual boostrap css?

2) One more thing, when I was looking around the template and module settings that came with the quickstart package, I noticed that when you go to Module settings (for example 'Tabs Banner'), under Advanced tab there is an option called Bootstrap size with a drop down list from 0 to 12. What is this used for? Is it used to declare the bootstrap grid allocation for that module? Why is this option available if the template doesnt use Boostrap?

Sorry.. just trying to get my head around it.

Why is this option available if the template doesnt use Boostrap?

This is auto generated part of option by Joomla, nothing that we've added in Joomla. In our module layouts this feature will not change anything because we just don't use bootstrap grid. The bootstrap JS is loaded because we have to use jquery and default Joomla JHTML code force bootstrap.js with jQuery loaded.