[#37916] - Cassiopeia Template + Bootstrap 5.1.3 + Mobile Menu issue
- Closed
- 28 May 2022
- Medium
- Build: 4.1-dev
- # 37916
What needs to be fixed
If we add bootstrap (js, css) with Cassiopeia, the mobile menu does not work.
Install new Joomla 4.1.4.
-
getbootstrap.com
-
Copy-paste the stylesheet into your before all other stylesheets to load our CSS.
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> -
Place one of the following <script>s near the end of your pages, right before the closing tag, to enable them.
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
After completing this process, we can now use some features of Bootstrap on our website. It's all right!
bs.mp4
Why this should be fixed
The mobile menu, unfortunately, does not work.
How would you fix it
Seems to be an issue with the Cassiopeia menu JS.
Side Effects expected
Best Regards
joomla-cms-bot
- | Labels |
Added:
No Code Attached Yet
|
||
Why are you loading bootstrap twice?
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2022-05-28 18:49:07 |
| Closed_By | ⇒ | joomlaphp |
| Status | Closed | ⇒ | New |
| Closed_Date | 2022-05-28 18:49:07 | ⇒ | |
| Closed_By | joomlaphp | ⇒ |
| Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2022-05-28 18:50:53 |
| Closed_By | ⇒ | joomlaphp |
Bu işlemi tamamladıktan sonra artık Bootstrap'in bazı özelliklerini web sitemizde kullanabiliriz. Her şey yolunda!
Bu böyle olmamalıydı. KULLANIM DURUMUNDA javascript'in nasıl eklenmesi gerektiğini kontrol edin: https://Gist.github.com/dgrammatiko/efb3de4aa7cab4813a244f93f73cc0fd
Ok, I understand now, thank you.
Why are you loading bootstrap twice?
You're right, thank you both.
That's not how it supposed to work. Check how the javascript should be added PER USE CASE: https://gist.github.com/dgrammatiko/efb3de4aa7cab4813a244f93f73cc0fd