-2

I don't know what suitable title for this question.

How to make column in Bootstrap 3 like this picture?

So the second column height is always same as first column, and height div inside second column is equal each others.

If you have a similiar question, tell me.

Thank you.

Raissa Ditya Putri
  • 89
  • 1
  • 1
  • 10
  • Please refer this => http://jsfiddle.net/L9zdmr7t/ I have made a basic markup for the design which you have given. Check this in your laptop/Desktop – TechieViking Jan 21 '19 at 16:38
  • @king thanks for your code. I want the second column height same as first and second child div height is equal 50% 50%. Please see my pic https://i.postimg.cc/hGHjs3qN/Screenshot-154.jpg – Raissa Ditya Putri Jan 21 '19 at 17:06

1 Answers1

0

By default, Bootstrap columns are left floating so if placed within a row you can force the height of your first column to accommodate for any other columns that may fit to its right. This should accomplish the layout you are looking for: https://www.bootply.com/vDgyXDwB4g

Canica
  • 2,650
  • 3
  • 18
  • 34
  • There is no way from the second column height follow the first and height div inside second column is equal 50% 50% like this (i.postimg.cc/hGHjs3qN/Screenshot-154.jpg)? – Raissa Ditya Putri Jan 21 '19 at 17:08