Topic: video full height and width for the remainder of the viewport

Ross Linton free asked 5 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 Wierzbicka staff answered 5 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


Ross Linton free commented 5 years ago

thank you very much



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: desktop
  • Browser: chrome
  • OS: window 7
  • Provided sample code: No
  • Provided link: No