Questions tagged [bootstrap-5]

Bootstrap 5 is the fifth major version of the popular frontend component library. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps.

Bootstrap 5 is the fifth major version of the popular frontend component library and open source toolkit for developing with HTML, CSS, and JavaScript. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps.


Key changes in v5:

  • Dropped the jQuery dependency
  • Dropped support for Internet Explorer (10 and 11)
  • Updated grid and layout
  • Updated forms
  • CSS custom properties added to many components

Latest version available: v5.0.0


Helpful resources

5709 questions
1
vote
2 answers

Bootstrap 5 carousel stretches across the whole screen how can I make it smaller?

I'm relatively new to web development, and using bootstrap has been an absolute lifesaver, but I've been trying to make a carousel for my website, and I can't figure out how to make it not stretch across the whole page. I just want to display some…
1
vote
1 answer

Swiper JS carousel not working pagination and navigation in Joomla + Bootstrap 5

At first try to use Swiper JS. I'd connected it from CDN. Using it in my Joomla 4 template, this template using Twitter Bootstrap 5. This is link: https://club.artcolorit.com/ I need create the same, like in Figma layout: Screenshot Some…
Zeus07
  • 33
  • 4
1
vote
1 answer

Bootstrap Dropdown NavBar Button Not Working

I've been using Bootstrap to make a navbar, and the dropdown button hasn't been doing anything when I click on it. What could be the issue? Celeb Live
1
vote
1 answer

Uncaught TypeError: can't access property "classList", e is null

I want to show Youtube Videos in a bootstrap carousel with Angular. It is showing the Slides and the Videos but when the Slide is moving i got this error: Uncaught TypeError: can't access property "classList", e is null My html:
Svensen
  • 67
  • 1
  • 1
  • 7
1
vote
3 answers

How to close navbar when clicking outside of it

How can I edit my code so that the navbar closes when clicked outside of it but remain open if something inside of it is clicked? $(document).ready(function() { $('.nav-btn').on('click', function() { $('.nav-btn').removeClass('active'); …
user17144244
1
vote
1 answer

How to only allow "checking" of only one checkbox

How can I edit this codepen to allow for only checking one item, and if another item is checked, the previous one is unchecked and to use a custom image for the check instead of the current check automatically generated?