所以我使用 Bootstrap 创建了我的网站。我想添加一个类似 facebook 的可折叠侧边栏。我试图将我的网站分为两栏。一个用于侧边栏，另一个用于使用 col-md-2 和 col-md-10 的整个网站，但发生的问题是该网站正在溢出右边。这就是我所做的:
<html>
<head></head>
<body>
<div class="container">
<div class="col-md-2">...Sidebar...</div>
<div class="col-md-10">...Rest of the website...</div>
</div>
</body>
</html>
但是该站点向右侧溢出。我用许多其他 col-* 尝试过，但无济于事。我还在正文中添加了 .clearfix 类，但仍然无法解决溢出问题。
Q1。如何解决溢出问题？
其次，我想让侧边栏可以折叠。我想我会通过隐藏 col-md-2 并将网站持有者 div 的类更改为 col-md-12 并在用户时反转它来做到这一点取消折叠侧边栏，但我知道会发生的问题是我不会有平滑的滑动效果。
Q2。如何制作具有平滑滑动效果的可折叠侧边栏？
最佳答案
Q1:你试过在容器后面加一行吗？
<div class="contianer">
<div class="row">
<div class="col-md-2">...Sidebar...</div>
<div class="col-md-10">...Content...</div>
</div>
</div>
Q2:您可以在屏幕顶部创建侧边栏，并使用 jquery 将其设置为动画，以便在单击菜单按钮时将其向下滑动到您想要的位置。
关于javascript - 添加可折叠的侧边栏，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24270040/