All Questions
15
questions
0
votes
1
answer
76
views
Custom collapsed navbar (2 columns, with each column containing 2 columns of items)
I have a custom collapsed bootstrap navbar.
Not collapsed it looks like this (notice I have 2 sets; 1st is the menu items, 2nd is social media icons)
normal. All good so far. Works in all browsers ...
- 13
0
votes
2
answers
684
views
Using d-flex and flex-wrap in Internet Explorer 11
I have seen that this question had been asked before and I tried the different answers provided, however, none seemed to work on my code.
I am working on fixing a series of inputs that are displaying ...
- 193
1
vote
1
answer
840
views
Bootstrap 4 .form-inline not working in Internet Explorer 11
I have a form in an application using Bootstrap 4. It renders as I want it to in all browsers, except Internet Explorer 11.
I have used Bootstrap's .form-inline class because according to the docs
...
- 5,284
0
votes
1
answer
171
views
Bootstrap's justify-content and Internet Explorer
I have the following h1 with container. I want this h1 to be centered horizontally inside of this container. Since I use bootstrap I used .d-flex and .justify-content-center, which works fine - but ...
- 3,953
0
votes
1
answer
2k
views
Bootstrap columns not working in IE11 (Flex)
I have the following markup:
.hero{
background:lightgrey;
padding: 50px 0px;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" ...
- 769
2
votes
1
answer
1k
views
List item alignment problem with flexbox in IE 11 and Edge
I've created an ordered list of questions, with the option to edit or delete each one. I'm using Bootstrap 4 and flexboxes to design my website. The list looks great on Firefox and Chrome, but when I ...
- 4,109
0
votes
1
answer
105
views
How can i fix IE image and column flexbox bug?
I've made a resizable template using bootstrap4 css. In OK in all browsers except IE 11.0.
To be sure .d-flex class doesn't works properly (I've used it to make all of my columns of the same height)....
- 669
0
votes
2
answers
560
views
align-content not working Internet Explorer 11
.row {
background: green;
color: white;
margin-top: 20px;
}
.col2 {
border: 3px solid black;
display: flex;
flex-direction: column;
flex-wrap: wrap;
align-content: flex-end;...
- 103
2
votes
1
answer
2k
views
IE11 Flex issue with Bootstrap table
im experiencing a problem with IE11 and Flexbox when using bootstrap table.
My row looks like this
I have a table in the design that is scrollable to the right as there is a lot of fields in it. The ...
- 1,055
0
votes
2
answers
565
views
Flex content width not calculated correctly inside a position: fixed container in IE11
I'm building a custom tooltip that uses position: fixed and a dynamic top and left to follow your mouse cursor around. The tooltip has a relatively complex layout built with flexbox. I'm having an ...
- 1,094
0
votes
1
answer
338
views
IE11 Flexbox issue using a Bootstrap .badge
Currently, I have a flex-row that has one element grows with the space and a badge that justifies to the end and should not grow. But in IE11 with flex-grow: 0, the span.badge will not even take the ...
- 408
1
vote
0
answers
505
views
Card-deck with equal height on card items
Bootstrap 4 card-deck in IE11 with equal height on card items.
I am trying to do THIS in IE11 as well, but in IE11 i looks like THIS. What am I missing? It is important that the cards will keep the ...
- 11
19
votes
5
answers
46k
views
Bootstrap 4 IE 11 does not work
so I have the problem, that my whole website does not work in IE 11. I don't get why because officially IE 11 should be supported by bootstrap 4...
Website: www.ergotherapie-klinkicht.de
I'm a bit ...
- 221
1
vote
1
answer
696
views
Centering variable width bootstrap 4 columns in Internet Explorer
I have bootstrap 4 columns in a row, and I have a variable width on those columns so when the last column is not completely filled, the boxes are slightly bigger. While this works well in Chrome, ...
- 20.6k
13
votes
10
answers
18k
views
Bootstrap card image distorted in Internet Explorer
I'm using bootstrap v4 cards in my layout and unfortunately, the images are distorted in Internet Explorer 11. It seems that IE completely ignores the height: auto attribute given by the img-fluid ...
- 133