从小图标展开的侧边栏导航

Question

所以这是一个有点奇怪的问题，但是 canva.com 有我见过的最酷的侧边栏。它有微笑图标，然后扩展到更大的选择区域。有谁知道我在 bootstrap 4 中会怎么做？

Answer 1

您不会轻易在互联网上找到这种类型的 side-bar，尤其是在 Bootstrap 中。

CODEPEN 是最好的来源，您可以在其中找到大量侧边栏和其他 code 相关内容

这里是code of somewhat similar to the action you want on each button click of sidebar. you can download it from here。它有多种版本 demo 4 与您的需要相似

codepen link 共 sidebar

您可以根据需要轻松减小左侧 div 内容的宽度，并添加 search bar 和其他内容。