css - Bootstrap | Two columns with one 16:9 video and some text -


i achieve using bootstrap:

|--------------------|------| ^ |                    | | | |       16/9         | text | | 90% height |                    |      | | |--------------------|------| v <--------------------------->    width 100% (screen width) 

i've been able create 2 containers video keeping 16/9 ratio, div won't fit remaining space. instead, video overtop right div. mean text add in div not centered... can see there :

enter image description here

can please me ?

so, managed javascript. kind of easy way go.

<script>  var zvheight = (screen.availheight/100)*80; var zvwidth = (zvheight/9)*16; document.getelementbyid('zv').style.width = zvwidth+"px";  zpswidth = screen.availwidth-zvwidth; document.getelementbyid('zps').style.width = zpswidth+"px"; </script> 

Comments

Popular posts from this blog

python - Operations inside variables -

Generic Map Parameter java -

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -