CSS-BS3-001
col-xs-12 img-responsive hidden-xs
Bootstrap 3 leftovers
Some Joomla 3 club templates mixed Bootstrap 3. Those class names are not in Bootstrap 5.
col-xs-12 img-responsive hidden-xs → Bootstrap 5: col-*, img-fluid, d-none d-sm-block
Symptoms people search
responsive breakpoints wrong · images overflow
Replace this code
Swap col-xs-12 img-responsive hidden-xs for Bootstrap 5: col-*, img-fluid, d-none d-sm-block.
Joomla 3
Remove or stop calling this
<div class="col-xs-12 hidden-xs">
<img class="img-responsive">
<div class="panel panel-default">Joomla 4 / 6
Use this instead
<div class="col-12 d-none d-sm-block">
<img class="img-fluid">
<div class="card">How to fix it
- 1col-xs-* → col-*.
- 2img-responsive → img-fluid.
- 3hidden-xs → d-none d-sm-block.
- 4well / panel → card.
Also known as
col-xs · img-responsive · hidden-xs · well · panel · Bootstrap 3
Related issues
- Joomla 3 → 4JavaScript
behavior.framework (MooTools)
JHtml::_('behavior.framework') → Do not load MooTools — use vanilla JS or WebAssetManager
- Joomla 3 → 4JavaScript
JHtmlBootstrap::modal()
JHtmlBootstrap::modal() → HTMLHelper::_('bootstrap.renderModal')
- Joomla 3 → 4Joomla API
JHtmlBatch
JHtmlBatch → Layouts joomla.html.batch.*
- Joomla 3 → 4CSS / Bootstrap
Bootstrap 2 markup (row-fluid / span*)
row-fluid span12 → Bootstrap 5: row + col-*
- Joomla 3 → 4Templates
Beez / Beez3 templates
Beez3 → Cassiopeia
- Joomla 5 → 6Joomla API
Site dies when you disable Behaviour – Backward Compatibility
plg_behaviour_compat → Rewrite J* classes so BC5 can stay off, then upgrade to Joomla 6