Linked Questions
213 questions linked to/from How can I make Bootstrap columns all the same height?
0 votes
5 answers
698 views
Adapt height of the elements based on siblings height [duplicate]
I have a couple of widgets in line depending on screen size. Here is my layout: <div class="col-xl-4 col-lg-3 col-md-4 col-sm-6 col-xs-12"> <div class="widget"> <div class="...
1 vote
3 answers
771 views
Equal Height for Bootstrap column boxes [duplicate]
I'm trying to make the height of my two backgrounds the same. I don't want the height being set by the content inside. Here is my code below. Currently as the code is written, the two containers are ...
0 votes
4 answers
571 views
How to vertically center text div next to an image div in bootstrap using css? [duplicate]
I have an image and some text inside a div and I'd like to put the image and the text div in the vertical center of the row div using CSS. The problem is that I don't know how many lines of text I ...
0 votes
1 answer
546 views
Bootstrap grid with 3 divs in a row with same height [duplicate]
I have 3 Div-Container inside a row. Each one has, caused by the content, a different height. I want to set background color, but the color should reach to the bottom of the parent-Div (Row). All my ...
0 votes
1 answer
575 views
Bootstrap : increase height of 2 parallel divs in a row [duplicate]
i want to increase height of 2 divs that are parellel to each other , for example left column has less content and right has more content but what i want both should have equal height as left one ...
0 votes
1 answer
562 views
Use full column height within a row [duplicate]
Is there a possible way to adopt a row to have full column height in bootstrap? I would like to use the whole white space inside the row and add it within the col-xs-3 column heights. Here is an ...
0 votes
1 answer
325 views
Bootstrap: How can I add equal length lines between the columns? [duplicate]
I have successfully added a line between the columns, however, the length of the lines are not equal, making the page looks strange. What I want is this, where I can also easily adjust the length of ...
0 votes
1 answer
241 views
How do you force a column div to be the same height of its row? [duplicate]
I'm in the process of learning bootstrap and am struggling very hard. I know that the default row height in bootstrap is whatever height will be able to contain a child element (i.e. a column). ...
1 vote
2 answers
186 views
Create 5 columns of equal height [duplicate]
I got a couple of columns created with bootstrap for a footer. Each column has some info in them (i.e: address, links etc). But a column with more information in it than the other, will be longer, so ...
0 votes
1 answer
185 views
Force same height for paragraphs [duplicate]
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></...
-1 votes
1 answer
136 views
Responsiveness of website in different resolutions using Bootstrap [duplicate]
I have developed a website. The responsiveness working fine in desktop view, but it is not working fine with different resolutions. Here is my code: <div class="container"> <section id=...
-1 votes
1 answer
123 views
how do I bootstrap 2 responsive thumbnail columns with equal height.? [duplicate]
responsive columns like a thumbnail carousel, with the image on centre of the top border I do not have a basic idea to how to create this using bootstrap. I basically need to know how to create ...
0 votes
1 answer
94 views
height issue in bootstrap columns [duplicate]
I have two div , first one takes 2 cols , and the second takes 10 cols i want the first div's height equals to the row's height I tried .menu-col { height :100% } , but doesn't work . .main-...
-1 votes
2 answers
59 views
Make others text div change size when one text div changes [duplicate]
I have the following text divs. .owners{ margin: 0px 20px 0px 20px; } <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://...
0 votes
0 answers
44 views
Bootstrap Column with Equal Height [duplicate]
I want to achieve a 'grid' like display for my bootstrap app where the height of each row is the same (And the height is the defined by the tallest content). However, am getting with the following ...