Linked Questions

I haven't found a suitable solution to this and it seems so trivial. I have two columns inside a row: <div class="row"> <div class="col-xs-9"> <div class="left-side"> &...

Disclaimer. This question was asked many times before. But since time has passed and now we are close to Bootstrap 4 release with full flexbox support, it is time for new answers for the same question....

How to force all thumbnails to have the same height? Text is loaded from DB and there is more of it in some, and less in others. The result is shown on a PrtScr. I would like to keep them responsive ...

I have the following html : <div style="height: 80px"> ... </div> <div class="container-fluid"> <div class="row"> <div class="col-xs-2 col1">...</div> ...

Code: #left { background-color: rgba(255,0,0,0.3); } #right { background-color: rgba(0,255,0,0.3); } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&...

I'm working on a page that uses Bootstrap and have used this to define columns on this Codepen pen: https://codepen.io/smifaye/pen/GmeQrV However one thing I can't seem to figure out is how to keep ...

I want to make all the columns to same height in a row. So, all columns in a row should have the same height as any column with max height. Fiddler: https://jsfiddle.net/ebwwvy6m/11/ <div class=&...

How can I make two columns having the same height in Bootstrap grid columns? .item-text { padding: 30px !important; /* Flex center. */ display: flex; align-items: center; vertical-...

Consider the code below: <div class="row"> <div class="col-xs-3"><div id="sidebar">sidebar</div></div> <div class="col-xs-3">content content content content ...

Why height 100% for the right floated column can't make it 100% height? Now i'm confused what 100% height really means. https://jsfiddle.net/7ybLa9fj/ How to make 2 column to have equal height if I'...

I have in 1 row 4 columns. In extra small screen I would like to display it in 2 row. For other sizes can remain 1 row. This is what I am trying: <div class="row"> <div class="col-lg-2 ...

Expected behavior: same height for all cards (all cards should adjust their height to the highest card) Actual behavior: height depends on text length Snippet: https://mdbootstrap.com/snippets/jquery/...

I'm trying to set 100% of height to a HTML element. On mobile, this div will go under the .div_left div, and the floating will be cleared. I have these divs on my theme: <div class="col-md-7 ...

I got two columns that I want to have in the same hight. Both are adjusting height after the content (height auto). So sometimes one of my columns has a bigger height then the other one. And I want ...

Working with Bootstrap 3. I have two col (col-md-8 and col-md-4) that have the same height. (thanks to a little snippet find here :) ) This is ok, it works. But I need them to have a background-color....