Question

这是我的代码的摘录。如下图所示，垂直滑块不占据所有高度（水平滑块没有问题）。有什么帮助吗？

由于

 <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>...

Answer 1

你可以给元素css height: 100%

Answer 2

在此处找到此解决方法：Bootstrap *vertical* responsiveness

min-height: 100vh;

已应用于<div id="slider-vertical" ></div>

并且有效

link to the screenshot

Jquery垂直滑块不会占用引导程序的所有高度

2 个答案: