Linked Questions
213 questions linked to/from How can I make Bootstrap columns all the same height?
4 votes
2 answers
4k views
Bootstrap: Place one div next to two others
I recently started working with Twitter's Bootstrap. How can I put a div (#3) next to two other divs (#1 and #2) so that the div on the right is as high/big as the other two divs vertically. My code ...
1 vote
1 answer
4k views
Bootstrap 4 aligning div to bottom of another div in column with different heights
Please see code snipped: I am trying to align the divs with "Learn More" at the bottom of the columns at the same vertical height regardless of the height of the previous div. Duplicate Disclaimer: ...
2 votes
1 answer
13k views
Square grid in Bootstrap 4 [duplicate]
How can I create a responsive grid of squares in Bootstrap 4? I know I can create a grid with <div class="row"> <div class="col-md-3" style="width: 100px; height: 100px; color: red">&...
0 votes
2 answers
6k views
Bootstrap same height cards within cols
With Bootstrap 3.3.6 I want to make 3 cards. <div class="row"> <div class="col-md-4"> <div class="card"> <p>Some dummy text here</p> <button>...
5 votes
4 answers
9k views
Split bootstrap column in n rows with equal height, filling parent height
I'm quite new to Bootstrap, I'm struggling with the grid system while trying to reproduce the following template: In this example I have 3 columns: first columns holds some info/pictures. This column ...
2 votes
3 answers
9k views
Div not taking height of parent div (w/ bootstrap)
I'll start off by stating that I know this question has been asked a lot, but none of the answers I saw seemed to work for me. Basically, I have some divs inside of a larger div. They'll have dynamic ...
0 votes
3 answers
4k views
Left sidebar same height as content area, footer at bottom of browser window
I'm having some difficulties creating a layout with Bootstrap 3.3.7. I've set up a fiddle to show what I've got: https://jsfiddle.net/b8ukxb41/5/ There are 3 issues with what I have which I can't seem ...
5 votes
2 answers
2k views
Make an image inside a div act like a background image cover
Trying to have an inline image auto crop inside a div to simulate a background image. I tried using absolute position with a size larger than 100% but when you resize it works for the height one time ...
2 votes
2 answers
2k views
Bootstrap - Make a column 100% the height of the row
I have a row containing two columns, and I want for both cells in the row to be the same height. In the screenshot, the left cell is smaller than the right, thus I want that to be the same height as ...
2 votes
3 answers
3k views
Bootstrap 3 side panel 100% height of parent
So here's my situation I need the sidebar to go down all the way but I can't get it to do that. I've tried searchning here as well. It is probably very simple and I can't see it because I've been ...
0 votes
2 answers
3k views
Bootstrap 3: simple vertical align 2 divs
I would like to give automatically the same height for #div1 and #div2 whatever my logo size is. Is there a specific Bootstrap3 class to do the job ? If not which is the best css rules to apply ? ...
1 vote
3 answers
4k views
Making hyperlink responsive
<div class="row"> <div class="col-md-3"> <a class="mylink img-responsive" href="#"></a> </div> <div class="col-md-3"> <img src="/image1....
-2 votes
5 answers
3k views
How to fix column height and width using CSS
i'm developping an e-commerce web site where all the products are displayed in the same page in "cols" the problem is that i couldn't fix the col width or height using CSS ...
0 votes
3 answers
408 views
Want to split one full page to four div with same size using Bootstrap
i confuse when using height: 100% and the content set to 25% 25% 25% 25% why it's not working (in my browser each div look really small and 100% not fill full page). Can anyone find my wrong here ? ...
0 votes
2 answers
2k views
Equal heights per row
I would like to set equal heights on all items. I am currently using this example: var heights = $(".well").map(function() { return $(this).height(); }).get(), maxHeight = Math....