0

here is extract of my code. As you can see in the picture below, the vertical slider does't occupy all the height (no problem with the horizontal slider). Any help ?

screen shot

Thanks

 <body>
    <div class="container-fluid">
       <div class="row">
         <div class="col-xs-2 col-sm-1 col-md-1">
              vide
          </div>
          <div class="col-xs-10 col-sm-11 col-md-11">
             <div id="slider" ></div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12 col-md-12">
            <div class="row">
              <div class="col-xs-2 col-sm-1 col-md-1">
                <div id="slider-vertical" ></div>
              </div>...
fransua
  • 29
  • 1
  • 1
  • 10

2 Answers2

0

you can give the element css height: 100%

Yehuda Schwartz
  • 3,378
  • 3
  • 29
  • 38
0

Found this workaround here : Bootstrap *vertical* responsiveness

min-height: 100vh;

applied to <div id="slider-vertical" ></div>

and it worked

link to the screenshot

Community
  • 1
  • 1
fransua
  • 29
  • 1
  • 1
  • 10