Stack Overflow
Stack Overflow

Questions tagged [twitter-bootstrap-4-beta]

30 questions
21
votes
3 answers

Customizing the collapse transition in bootstrap 4

Bootstrap 4 uses the class .collapsing to animate the width/height of an .collapse-element while opening/closing it. Unfortunately the actual change is approached by adding the width/height as an inline style to the element and adding and removing…
TiPE
  • 412
  • 1
  • 3
  • 9
15
votes
5 answers

Skip validation feedback on certain Bootstrap 4 inputs

By following Bootstrap's docs on form validation, I can validate my forms, but I haven't found a way so that specific fields (e.g. a text input or a checkbox) don't show validation feedback while all of the others do. What I mean is: how can I make…
Daniel Olivares
  • 544
  • 4
  • 13
4
votes
2 answers

Order not working Bootstrap v4.0.0-beta.2

I have two divs with col-lg-5. I want to make the second div as order first when view port change to mobile devices. I am using Bootstrap order-* class in v4.0.0-beta.2.
[first_div]
PSA
  • 249
  • 5
  • 10
4
votes
3 answers

Bootstrap 4 horizontal scroller div

I got this working for Bootstrap 3 but the same code won't work in Bootstrap 4. Basically, I'm trying to create a horizontal scroll for DIV and here's a working JSFIDDLE for Bootstrap 3 (which I don't want): DEMO The same code for Bootstrap 4 isn't…
Elaine Byene
  • 3,868
  • 12
  • 50
  • 96
4
votes
7 answers

How to use different fonts in Bootstrap 4?

I'm a newbie. I know I can assign different fonts for Bootstrap 4 like this default, font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; What I…
CodeMan
  • 314
  • 2
  • 3
  • 5
3
votes
2 answers

How can i change color of top fixed navbar in bootsrap 4?

Hi I am new to web development. I have a problem with navbar in bootstrap 4 beta while changing the color. How can I change the color of a fixed navigation bar while scrolling in bootstrap 4 beta. And please consider any tutorial about this.
Dev_Nav
  • 33
  • 4
2
votes
2 answers

Nav tabs' bottom border can't removed like given in official site

On the official page of agular for the nav tabs we have no bottom border for the selected tab official page But when I am using the same code , I get a border even on the selected nav-item myTab example Here is my HTML Code
2
votes
1 answer

Cannot Customize Bootstrap 4 (Beta) Variables

This is how I import style.css: At the top of style.scss I have some non-Bootstrap code and the following: @import "../node_modules/bootstrap/scss/bootstrap.scss"; I…
Vael Victus
  • 3,966
  • 7
  • 34
  • 55
1
vote
0 answers

How to dynamically assign equal space for Menu items in ReactJs and and Bootstrap 4

I have below Menu Component built using bootstrap 4 and ReactJs I have four menu Items 1) Home 2) Products 3) 404 4)Login How to build a component where tomorrow if i have 10 menu items then how will i equally space it currently it appears …
user1755485
  • 63
  • 4
1
vote
0 answers

Bootstrap 4 image on card resizing

I need to show a Bootstrap 4 card on my website, with a responsive image in its body. My HTML looks like this:
…
Roel
  • 55
  • 3
  • 11
1
vote
1 answer

How can I have Bootstrap 4 progress bars side by side within two separate columns in the same container?

I am having a lot of difficulty controlling the placement of native Bootstrap 4 progress bars. It appears that Bootstrap's progress bars are are Flexbox based components which are really confusing me. I've included an image of my issue here In my…
Joseph Romo
  • 153
  • 3
  • 13
1
vote
1 answer

Is Bootstrap 4 beta 3 missing some length units or did I do something wrong?

I have bootstrap 4 beta 3 installed in a Laravel 5.4 application by changing the package.json to use "bootstrap": "^4.0.0-beta", in place of the entry for loading v3 of bootstrap. I also modified the app.scss file and other locations to be…
StevenHill
  • 320
  • 3
  • 8
1
vote
1 answer

Bootstrap-4 display classes don't work

I'm working with Bootstrap 4 beta at the moment and everything works fine, but I have one problem... the display classes like d-none, d-inline, d-inline-block... don't have any effect. Everything else works just fine and I don't understand why they…
Verdemis
  • 297
  • 1
  • 5
  • 16
1
vote
0 answers

reactstrap + bootstrap 4 beta dropdown won't work

I don't understand why this nav dropdown doesn't work. My reading suggests it might have something to do with adding the react-popper dependency but I don't really understand how this is to be implemented. This is bootstrap 4 beta +…
D. Wall
  • 77
  • 1
  • 1
  • 16
1
vote
1 answer

Bootstrap 4 - Image overflows from column when the window is resized

Bootstrap newbie here. I'm trying to bootstrapify an old page but I can't seem to figure out how to stop my image from overflowing to the next column. I have a row with two columns- with the left side containing a picture. As soon as I reduce the…
Peter Rivas
  • 13
  • 2
1
2