0

the demo is here http://www.bootply.com/i7ULPhv9bG

If possible I do not want to change the markup, how is that possible to make the border has 100% height to the wrap?

Adam91
  • 83
  • 1
  • 9
  • Not sure if I understand your question. Do you want to make the border height of the column 100%? – Cyzanfar Aug 28 '14 at 09:25
  • This is not possible using only css, you could use JS/jQuery here i login, find out longest element (Left/right) take its height in variable using JS, then put that value as inline css to short section – Chandrakant Aug 28 '14 at 09:26
  • will the left column always be higher than the right? or can they both be variable? – haxxxton Aug 28 '14 at 09:27
  • also, when you say you "do not want to change the markup", do you mean the actual html elements, or including their associated classes? – haxxxton Aug 28 '14 at 09:30
  • This is kind of hard to accomplish without messing up the Bootstrap grid system, you should consider using jQuery/JS. – Pepelius Aug 28 '14 at 09:30

1 Answers1

0

You must make sure that your colums are always the same height in order to adjust "full height border" as you're trying to do here.

Please refer to this question, it should answer yours.

Other ways to do this kind of thing, you shall use JS/jQuery. HTML and CSS alone will not do, or the would but you can break Bootstrap's grid system very easily with those.

Community
  • 1
  • 1
Pepelius
  • 1,576
  • 20
  • 34