小编Fik*_*yya的帖子

如何使侧边栏滚动 Bootstrap 4

今天我了解了 CSS Bootstrap 4 并使用侧边栏创建了我的模板,但是当有很多菜单时,我希望侧边栏显示滚动条。

如何在我的侧边栏模板上制作滚动条,这是我的 HTML 和 CSS 代码,请帮助我解决这个问题。我将制作带有滚动和固定的侧边栏

非常感谢

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Simple Sidebar - Start Bootstrap Template</title>

  <!-- Bootstrap core CSS -->
  <link href="https://blackrockdigital.github.io/startbootstrap-simple-sidebar/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <style>
    body {
  overflow-x: hidden;
}

#sidebar-wrapper {
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group { …
Run Code Online (Sandbox Code Playgroud)

css scroll bootstrap-4

1
推荐指数
1
解决办法
7411
查看次数

标签 统计

bootstrap-4 ×1

css ×1

scroll ×1