Stack Overflow
Stack Overflow

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
1227
votes
34 answers

Center a column using Twitter Bootstrap

How do I center a div of one column size within the container (12 columns) in Twitter Bootstrap 3? .centered { background-color: red; }
bsr
  • 57,282
  • 86
  • 216
  • 316
744
votes
12 answers

Change navbar color in Twitter Bootstrap

How would I go about modifying the CSS to change the color of the navbar in Twitter Bootstrap?
Jamal Khan
  • 9,371
  • 6
  • 23
  • 23
476
votes
24 answers

Bootstrap align navbar items to the right

How do I align a navbar item to right? I want to have the login and register to the right. But everything I try does not seem to work. This is what I have tried so far:
around the
411
votes
8 answers

Left align and right align within div in Bootstrap

What are some of the common ways to left align some text and right align some other text within a div container in bootstrap? e.g. Total cost $42 Above total cost should be left aligned text and $42 is right aligned text
user462455
  • 12,838
  • 18
  • 65
  • 96
346
votes
11 answers

Bootstrap dropdown sub menu missing

Bootstrap 3 is still at RC, but I was just trying to implement it. I couldn't figure out how to put a sub menu class. Even there is no class in css and even the new docs don't say anything about it It was there in 2.x with class name as…
DevC
  • 7,055
  • 9
  • 39
  • 58
265
votes
18 answers

Bootstrap Center Vertical and Horizontal Alignment

I have a page where only form exists and I want form to be placed in the center of the screen.
user348173
  • 8,818
  • 18
  • 66
  • 102
234
votes
18 answers

How to change Bootstrap navbar collapse breakpoint

Currently when the browser width drops below 768px, the navbar changes to collapsed mode. I want to change this width to 1000px so when the browser is below 1000px the navbar changes to collapsed mode. I want to do this without using LESS, I am…
Nearpoint
  • 7,202
  • 13
  • 46
  • 74
161
votes
17 answers

How to hide collapsible Bootstrap navbar on click

I've created this collapsable navbar using Bootstrap 4 that works nicely, but I would like it to close when the user clicks on a link. Any way to do this? Thanks html navbar:
160
votes
5 answers

Bootstrap col align right

I'm trying to create a row with 2 cols. One col on the left with its contents aligned left, and the second col with its contents aligned right (old pull-right). How to do I go about this in alpha-6? I've tried a few things, but this is what I have…
Thibs
  • 8,058
  • 13
  • 54
  • 85
149
votes
7 answers

Using Bootstrap 5 with Vue 3

I want to use Bootstrap 5 with Vue 3. As Bootstrap 5 uses vanilla JS (no JQuery), can I use Bootstrap 5 directly in a Vue 3 project (without using Bootstrap-Vue)? Can someone guide me how to use Bootstrap 5 with Vue 3?
Aditya Sharma
  • 1,641
  • 2
  • 8
  • 10
125
votes
13 answers

Bootstrap 5 navbar align items right

How do you align Bootstrap 5 navbar items to the right? In Bootstrap 3 it's navbar-right. In Bootstrap 4 it's ml-auto. But not work for Bootstrap 5.
bs5alpha
  • 1,299
  • 2
  • 8
  • 8
121
votes
15 answers

Bootstrap 3, 4 and 5 .container-fluid with grid adding unwanted padding

I'd like my content to be fluid, but when using .container-fluid with Bootstrap's grid, I'm still seeing padding. How can I get rid of the padding? I see that I don't get the padding with .row, but I want to add columns, and as soon as I do, the…
Tim
  • 1,263
  • 2
  • 10
  • 7
120
votes
7 answers

Center the content inside a column in Bootstrap

I Need help to fix the problem, I need to center the content inside the column in bootstrap4, please find my code below
Praveen Kumar
  • 1,301
  • 2
  • 9
  • 4
90
votes
6 answers

When should I use container and row in Twitter Bootstrap?

Please explain to me when to use the classes container and row. I'm not sure because the documentation of Bootstrap is quite unclear about this part. I'm using Bootstrap 3.
CodeShark
  • 1,709
  • 2
  • 14
  • 22
84
votes
15 answers

Bootstrap: add margin/padding space between columns

I'm trying to put some extra margin/padding space between columns on my Bootstrap grid layout. I've tried this but I don't like the result. Here is my code:
Widget 1 …
bodruk
  • 3,242
  • 8
  • 34
  • 52
1
2 3
…
99 100