Not Able To Arrange In Rows And Columns

I am using bootstrap to arrange in rows and columns. So using bootstrap's row class but not able to arrange in columns and rows. here is my code here is Fiddle Rows amd columns ar

Solution 1:

I changed your HTML and CSS a bit (see HTML in Fiddle)

.tip {
  background: #eee;
  border: 1px solid #ccc;
  padding: 10px;
  width: 100%;
  position: absolute;
  z-index: 1;
}

.tip:hover {
  height:100%;
  transition:all .5s;
}

.tip.text {
  height: 0;
  overflow: hidden;
}

.tip:hover.text {
  height: 100%;
}

.img-responsive {
  margin-top: 20px;
  padding-bottom: 0px;
}

.relative {
  margin-bottom: 80px;
  position: relative;
}

Is this is what you want: Fiddle?