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

Available text color classes in Bootstrap

I'm developing a sign up page, by putting some text as the title at the navigation bar. I want to give those texts different colors. For this purpose I'm using a separate CSS file, but I want to do this using bootstrap's CSS file. Can anybody list…
fidel castro
  • 1,597
  • 2
  • 11
  • 19
122
votes
3 answers

Bootstrap 4 datapicker.js not included

I'm using Bootstrap V4 for my new website seeing that it is in Alpha. However I cannot see that it has datepicker.js in its build. Does anyone know if this will be included in V4? If not can anyone recommend a good datepicker?
ottz0
  • 2,595
  • 7
  • 25
  • 45
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
121
votes
6 answers

Bootstrap center heading

It is my first Twitter Bootstrap experience. I have added some headings (h1, h2, etc.) and they are aligned by left side. What is the right way to center headings?
SiberianGuy
  • 24,674
  • 56
  • 152
  • 266
120
votes
10 answers

How to use Bootstrap 4 in ASP.NET Core

I want to update Bootstrap in ASP.NET Core with NuGet. I used this: Install-Package bootstrap -Version 4.0.0 It did add the dependencies but how do I add it to my project now? What is the path for local NuGet dependencies?
developer
  • 1,313
  • 2
  • 9
  • 7
120
votes
6 answers

popper.js in bootstrap 4 gives SyntaxError Unexpected token export

I tried install bootstrap 4, and included following links
Павел Шиляев
  • 1,221
  • 2
  • 8
  • 6
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
119
votes
14 answers

Bootstrap 4 responsive tables won't take up 100% width

I am building a web app using Bootstrap 4 and running into some weird issues. I want to utilize Bootstrap's table-responsive class to allow horizontal scrolling of the tables on mobile devices. On desktop devices the table should take up 100% of…
eat-sleep-code
  • 4,753
  • 13
  • 52
  • 98
115
votes
9 answers

bootstrap 4 file input doesn't show the file name

I have a problem with the custom-file-input class in Bootstrap 4. after I chose which file I want to upload the filename do not show. I use this code:
Terchila Marian
  • 2,225
  • 3
  • 25
  • 48
115
votes
7 answers

Table column sizing

In Bootstrap 3, I could apply col-sm-xx to the th tags in the thead and resize table columns at will. However this doesn't work in bootstrap 4. How can I achieve something like this in bootstrap 4? 3 columns…
Killerpixler
  • 4,200
  • 11
  • 42
  • 82
112
votes
17 answers

Change arrow colors in Bootstraps carousel

I'm obviously missing something stupidly simple here. I have images with a white background so I want to be able to edit the arrows on the Bootstraps Carousel so they are visible. So many changing the color of the arrows (NOT the background like…
Paul Young
  • 1,131
  • 2
  • 8
  • 4
108
votes
3 answers

Bootstrap row with columns of different height

I currently have something like:
Content
Content
Content
Content
user3379926
  • 3,855
  • 6
  • 24
  • 42
107
votes
5 answers

Collapsing Sidebar with Bootstrap

I just visited this page http://www.elmastudio.de/ and wondered if it is possible to build the left sidebar collapse with Bootstrap 3. Code to collapse the sidebar from the top (phone only):
101
votes
18 answers

Bootstrap 4 File Input

I am struggling with bootstrap 4 file browser. If I use custom-file-control I will see Choose file value all the time. https://v4-alpha.getbootstrap.com/components/forms/#file-browser I would like to change the value of choose file after the file…
Matej Vrzala M4
  • 1,364
  • 2
  • 13
  • 20
97
votes
12 answers

Left & right align modal footer buttons in Bootstrap 4

Bootstrap 4 uses flex-box for it's modal footers. If I want two buttons, one on the left and one on the right, how do I get it to work properly? The code below tries to use a div.row with col-sm-6 but doesn't work.
Sean
  • 14,359
  • 13
  • 74
  • 124
1 2
3
…
99 100