Question

您好我不知道如何解决这个问题虽然我已经尝试了好几天了。以为我会尝试让别人帮忙，因为我输了。当我低于sm尺寸时，我的右侧边栏无处可见

<head>


  <style>


  @media only screen and (min-width : 768px) {

  .affix {
      top: 20px;
  }

  }
  </style>
</head>



<div class="container">
  <div class="row">

    <div class="col-sm-9">   
      {{ page.content }}
    </div>

    <div class="col-sm-3">
      <ul class="nav nav-pills nav-stacked" data-spy="affix" data-offset-top="20">
        {{ page.sidebar_second }}
      </ul>
    </div>


  </div>
</div>

Answer 1

试试这个：

@media screen and (max-width: 767px) {
  .affix {
    position: absolute;
    width: 100%;
    left: 0; 
  }
}

侧面词缀消失在较小的视图上

1 个答案: