6

Joomla 3.x ships with the files for Bootstrap 2, and due to backward compatibility this is not likely to change in Joomla 3.x series. It's important to know that Bootstrap consists of two main areas: The CSS files The JavaScript framework CSS Joomla has those files included both as source LESS files and compiled CSS files. Joomla itself doesn't load any ...


6

Template overrides are the only way to do this. In terms of the form fields we're working on creating JLayouts for these form fields so you can override them (see https://github.com/joomla/joomla-cms/pull/3231). However currently as @Anibal says this isn't possible in J3.2.


4

It's not sure but use this rereplacer joomla extension refer this link, http://www.nonumber.nl/extensions/rereplacer otherwise, Template overrides are the only way to do this.


4

Take a look on this admin template - it is Isis converted to Bootstrap 3. May be you can take some ideas from there. Moreover this template supports both Bootstrap 2 & 3 syntax.


4

I struggled with this longer than I care to admit. My answer is based on Bootstrap 3.2.0 and it creates a collapsible dropdown menu for Joomla 3.3 In my template I included bootstrap.css and a modified version of bootstrap.js More info about the modification at the bottom of this answer. I put the following code in my index.php file <!--Navigation-->...


3

You can overwrite mod_custom like every module. This feature is new since 3.x. Just copy: modules/mod_custom/tmpl/default.php to templates/YOUR_TEMPLATE/html/mod_custom/default.php and edit it. Hint: You can also name it as alternative layout (e.g. default2.php) and select the alternative layout in module parameters.


3

This is what I use to replace bootstrap2 with bootstrap3 : $doc = JFactory::getDocument(); $assets = "templates/".$this->template; // load jquery JHtml::_('jquery.framework'); // remove default bootstrap js foreach ($doc->_scripts as $url => $pars) { if ((strpos($url, "bootstrap.js") !== false) || (strpos($url, "bootstrap.min.js") !== false)) ...


3

If it is difficult for you to debug the code then give these menu modules a try:- http://www.joomlack.fr/en/joomla-extensions/accordeonmenu-ck http://extensions.joomla.org/extensions/structure-a-navigation/menu-systems/accordion-menus/22571(this one has bootstrap)


2

You can also define a new module chrome, or alter the existing with an override of the default module output: templates/YOUR_TEMPLATE/html/modules.php This will affect the rendering of all modules that use that chrome (which is defined in index.php with each module position). However, you will find that you might still need to override certain modules ...


2

It's not currently (J 3.2) possible. Bootstrap v2.3.2 is in the core of Joomla 3.


2

Generally a good option would be to add custom class to your modules and any content you deem necessary to define break points. Like "col-sm-12 col-md-6 col-lg-4" (all three of these would go in your custom class together to dictate break points) or however you decide to dictate your break points, this way you are no longer writing extra media queries or ...


1

Your menu will work as long as your template implement the Bootstrap nav component. There are several extensions in JED that already generate the proper structure to show a Bootstrap nav menu. You can implement any of them to check the best practices and build your extension on top.


1

You first need to set the wrapper container to 100% with: .navbar-header { width: 100%; } Then, for the image, you need to make it a block element and set the margins correctly, like so: header.large img { height: auto; margin: 10px auto; max-width: 100%; width: 900px; display: block }


1

I think you mean:JHTML::_('bootstrap.framework') If you want to disable bootstrap anywhere except back-end. Add this: if( JFactory::getApplication()->isSite() ) return; at the begining of function framework in file: /libraries/cms/html/bootstrap.php. This is not best solution but will work for any extension that use JHTML for loading boostrap (well ...


1

Two files do have double slash <link rel="stylesheet" href="//media/jui/css/bootstrap.min.css" type="text/css" /> <link rel="stylesheet" href="//media/jui/css/bootstrap-responsive.css" type="text/css" /> These two may not load properly.


1

I found the issue, this was related to a min-height style only being assigned to @media only screen and (min-width : 1224px)


1

You could namespace all BS3 syntax so that there will not be any conflict with the BS2 already being loaded, that is probably the simplest option but it will require extra work. It should be relatively straightforward using the SCSS version of Bootstrap to prefix all output css.


1

In extensions you should always be looking to use Bootstrap 2 syntax in your extensions - especially in the backend. This is the officially supported version by Joomla core and therefore means you're always going to get your styling working as expected and you don't have to ship bootstrap with your template. Extensions which ship with Bootstrap 3 have to ...


1

As you've already pointed out, Joomla 3.x will not utilize Bootstrap 3.x, therefore should you decide to go along with using Bootstrap 3, then the user will be loading 2 versions of Bootstrap which may cause conflicts and will also reduce page load speeds. What you could do is write a small script to detect which version of Bootstrap is powering the ...


Only top voted, non community-wiki answers of a minimum length are eligible