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
29
votes
4 answers

How to extend/modify (customize) Bootstrap with SASS

I want to create a website theme based on Bootstrap. I want to extend Bootstrap's default components and change some of them. For this, I would need access to SASS variables that Bootstrap defines so I can override them. I though of cloning…
Victor
  • 13,914
  • 19
  • 78
  • 147
29
votes
7 answers

Bootstrap Navbar Dropdown Menu Items Right

As you see in the picture below, when I click on the bell icon, a dropdown menu appears at the bottom-right of the icon. I want this dropdown menu to appear at bottom-left instead of bottom-right. What should I do?
28
votes
13 answers

Increasing the size of a bootstrap checkbox

I am creating a simple check box with the code from the official bootstrap documentation:
user7884989
28
votes
4 answers

Unable to override $theme-color in bootstrap

It's bootstrap 4.0 with SASS My style.scss file contains the following code: @import "../bootstrap/scss/bootstrap"; @import "colors"; @import "main"; and _colors.scss file contains the following code: $bg-white : white; $theme-colors: ( …
Syed Aqeel
  • 1,009
  • 2
  • 13
  • 36
27
votes
7 answers

How to align nav items to the right in Bootstrap 5?

I have copied a navbar HTML code from https://www.codeply.com/go/qhaBrcWp3v Example 6: