Bootstrap row height

my eyes must be tired. I am trying to increase the height of a row in bootstrap and i just cant seem to get it. I am forcing data with the following code:

<div class="container">
  <div id="divheight">
    <div class="row bg-info text-white">
      <div class="col-sm-2 align-middle">
        <img src=""</img>
      <div class="col-sm-3 align-middle">
      <div class="col-sm-7 align-middle">
        <label>Greg working on Electron-Vue boilerplate w/ Akira #programming #vuejs #electron</label>

and this is my css

#divheight {
  heights: 120px;
img {
 width: 50px;
 height: 50px;

I am forcing the image down to a height of 50px but the row does not render at 120px. Its rendering at 50px, the size of the image.

Any suggestions are greatly appreciated.

Thank you.

heights: 120px;


I made that change (thank you) but it does not appear to have any effect.

you don’t need the #divheight div. Remove that from your html and css.

Add to your css:

.row {
  height: 120px;

Thank you so much! Sometimes its the smallest things. Thanks again.

1 Like