Bootstrap row height

Bootstrap row height
0

#1

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="https://static-cdn.jtvnw.net/jtv_user_pictures/freecodecamp-profile_image-d9514f2df0962329-300x300.png"</img>
      </div>
      <div class="col-sm-3 align-middle">
        <label>freecodecamp</label>
      </div>
      <div class="col-sm-7 align-middle">
        <label>Greg working on Electron-Vue boilerplate w/ Akira #programming #vuejs #electron</label>
      </div>
  </div>
</div>
</div>

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.


#2

heights: 120px;

height


#3

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


#4

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

Add to your css:

.row {
  height: 120px;
}

#5

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