Topic: video full height and width for the remainder of the viewport
Ross Linton asked 6 years ago
I just need a little help guys. i used col-md-4 to fill one side of the viewport. and i would like to use col-md-8 to fill the other side of the viewport how do i set the video to be 100% height and width of the remaining viewport.
<div class="container-fluid h-100">
<div class="row justify-content-left h-100">
<div class="col-md-4 text-center" id="yellow">
<h3 class="display-3">Sublime</h3>
<h4 class="display-4">What we do.</h4>
<p class="p-3 my-3">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Asperiores voluptates at provident fugiat ipsam voluptas illum quidem dolores pariatur, culpa, ab optio eum perferendis! Et magni doloremque voluptatem temporibus maiores?</p>
</div>
<div class="col-md-8"></div>
</div>
</div>
Marta Szymanska staff pro premium answered 6 years ago
Hi,
this is what you mean: https://mdbootstrap.com/snippets/jquery/marta-szymanska/468557/fullscreen, https://mdbootstrap.com/snippets/jquery/marta-szymanska/468557?
Best, Marta
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: desktop
- Browser: chrome
- OS: window 7
- Provided sample code: No
- Provided link: No