Question

你好朋友我有一个关于bootstrap的问题，这是我的html我有以下结构

<div class="container-fluid">
  <div class="col-md-4">
    
   </div>
  
  <div class="col-md-8">
    
  </div>

我怎么能得到那只“col-md-8”可以向下滚动？我希望col-md-4可以始终显示，而不是像固定菜单那样向下滚动但是我没有在col-md-4中修复菜单

谢谢

Answer 1

最简单的方法是：

.frm {
    overflow: auto;
    max-height: 100vh;
}
.content {
    height: 200vh;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-4">
       col-sm-4
    </div>
    <div class="col-sm-8 frm">
        <div class="content">some content</div>
    </div>
  </div>
</div>

您可能无法修复.content的高度。无论如何它都会起作用

在引导程序中仅滚动一个Colum

1 个答案: