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

Cards Bootstrap 4 in one line

I'm trying to make my cards (panels) set next to each other and I'm using the templates at mdbootstrap.com. My code:
Alan
  • 386
  • 1
  • 3
  • 17
4
votes
2 answers

Django: Bootstrap CDN or loading Bootstrap files from local server?

I am trying to make my first website. I am using Django for it. I have a question related to the inclusion of css/js from Bootstrap. What is the difference between installing it and linking it using BootstrapCDN? What happens if that link is no…
Hamid Khan
  • 115
  • 2
  • 12
4
votes
1 answer

Bootstrap 4 align img and text in navbar

I'm trying to align the icon vertically centered to the text in the nav bar items. I tried using align-middle to the nav-link since both text and image are there, but did not work. Align-top to the img only moves the element to the top, but does…
KevinM
  • 279
  • 1
  • 8
  • 17
4
votes
1 answer

Bootstrap 4 caret direction change after opening menu

I am new to Bootstrap 4. I've got a navigation menu with a dropdown item in it. It has the standard Bootstrap caret pointing down, which is automatically added. Now, I want to change the direction to 'up' after opening the dropdown menu of the nav…
Sjoerd
  • 43
  • 1
  • 4
4
votes
2 answers

How Can i set the fontsize time of print

for print datatable i have js code is :
Sharifur Robin
  • 327
  • 1
  • 3
  • 15
4
votes
2 answers

Bootstrap 4 how to make modal that doesn't block or affect background and scrolling

I'm trying to create Bootstrap modal that will be shown while still allowing user to interact with rest of the website. The steps I've done so far are: Added data-backdrop="false" to modal div to hide shadow of backdrop Added keyboard: false to…
nikib3ro
  • 20,366
  • 24
  • 120
  • 181
4
votes
1 answer

Bootstrap 4 menu toggle button to left and right, with brand in center

I have a navbar menu that looks like this on large screens: And collapses to this on smaller screens: But I would like to have one menu button to the left, the other menu button to the right, with the brand in the center. Like this: I'm not sure…
PixelPaul
  • 2,609
  • 4
  • 39
  • 70
1 2 3
…
99
100