Stack Overflow
Stack Overflow

Questions tagged [bootstrap-4]

Bootstrap 4 is the fourth major version of the popular front-end component library. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps.

Bootstrap 4 is the fourth major version of the popular front-end component library and open-source toolkit for developing with HTML, CSS, and JS. The Bootstrap framework aids in the creation of responsive, mobile-first websites and web apps. Bootstrap 4 embraces flexbox and Sass technologies. Bootstrap is open-sourced on GitHub.

The latest release of bootstrap-4 is 4.6.1.

There are newer versions at getbootstrap.com

Stack Snippet Starter Pack

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-fQybjgWLrvvRgtW6bFlB7jaZrFsaBXjsOMm/tB9LTS58ONXgqbR9W8oWht/amnpF" crossorigin="anonymous"></script>

Helpful Resources

28801 questions
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
595
votes
10 answers

What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?

What is the difference among col-lg-* , col-md-* and col-sm-* in Twitter Bootstrap?
StreetCoder
  • 9,871
  • 9
  • 44
  • 62
573
votes
28 answers

how to make a whole row in a table clickable as a link?

I'm using Bootstrap and the following doesn't work: Blah Blah 1234567 £158,000
user1038814
  • 9,337
  • 18
  • 65
  • 86
499
votes
21 answers

How can I get my Twitter Bootstrap buttons to right align?

I have a simple demo here:
  • One
  • Two
I have an unordered list and for each list item I wish to have text on the left and…
deltanovember
  • 42,611
  • 64
  • 162
  • 244
483
votes
20 answers

Vertical Align Center in Bootstrap 4

I am trying to center my Container in the middle of the page using Bootstrap 4. I have been unsuccessful thus far. Any help would be appreciated. I have built it at Codepen.io so you guys can play with it and let me know what works as I am about out…
canaan seaton
  • 6,688
  • 4
  • 17
  • 25
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
410
votes
47 answers

Five equal columns in twitter bootstrap

I want to have 5 equal columns on a page I am building and I can't seem to understand how the 5 column grid is being used here: http://web.archive.org/web/20120416024539/http://domain7.com/mobile/tools/bootstrap/responsive Is the five column grid…
Gandalf
  • 1
  • 29
  • 94
  • 165
354
votes
13 answers

Missing visible-** and hidden-** in Bootstrap

In Bootstrap v3 I often use the hidden-** classes combined with clearfix to control multi column layouts at different screen widths. For example, I could combine multiple hidden-** in one DIV to make my multi columns appear correctly at different…
johna
  • 10,540
  • 14
  • 47
  • 72
349
votes
10 answers

Bootstrap 4 - Glyphicons migration?

We have a project that uses glyphicons intensively. Bootstrap v4 drops the glyphicon font altogether. Is there an equivalent for icons shipped with Bootstrap V4? http://v4-alpha.getbootstrap.com/migration/
Vincent Poirier
  • 4,298
  • 5
  • 21
  • 25
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
258
votes
8 answers

Align nav-items to right side in bootstrap-4

I just switched to bootstrap 4 and reworking all my html and scss to work with it and I cant seem to find how to put a group of nav-items on the right side of the navbar. This is my navbar code:
234
votes
7 answers

What is class="mb-0" in Bootstrap 4?

The latest documention has:

Lorem ipsum

What is mb-0?
Phillip Senn
  • 46,771
  • 90
  • 257
  • 373
219
votes
23 answers

How to make Bootstrap cards the same height in card-columns?

I am using Bootstrap 4 alpha 2 and taking advantage on cards. Specifically, I am working with this example taken from the official docs. How can I make all cards to be the same height? All I can think by now is setting the following CSS rule: .card…
blueSurfer
  • 5,651
  • 13
  • 42
  • 63
184
votes
23 answers

How to fix the error; 'Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/)'

I'm using Bootstrap V4 and the following error is logged in the console; Error: Bootstrap tooltips require Tether (http://github.hubspot.com/tether/) I have tried to remove the error by installing Tether but it hasn't worked. I have 'installed'…
Michael LB
  • 2,715
  • 4
  • 23
  • 38
1
2 3
…
99 100