所以这有点奇怪,但是canva.com具有我见过的最酷的侧边栏。它带有微笑图标,然后扩展到更大的选择区域。有谁知道我将如何在Bootstrap 4中做到这一点?
您不会轻易在互联网上找到这种类型的side-bar,尤其是在Bootstrap中。
side-bar
Bootstrap
CODEPEN是最好的资源,您可以在其中找到大量的侧边栏和其他与code相关的内容
CODEPEN
code
这里是code,与您在侧边栏的每个按钮单击上想要的操作有些相似。您可以从here下载。它具有各种版本demo 4与您的需求类似
demo 4
sidebar的代码笔链接
您可以根据需要轻松减小左侧div内容的宽度,并添加search bar和其余内容。
div
search bar