带有引导程序4的可切换侧边栏

Question

我正在尝试找出使用bootstrap创建可切换侧边栏的＆＃34;正确＆＃34;（最佳实践）方法4.浏览互联网上的示例并不确定它们是否如此优秀......所以，如果有人可以向我发送相关的资源链接，那么我就可以分析它了。

- 我来自android平台，所以我是新手，当涉及到网络开发但是我试图在这方面实现那种侧边栏：link -notice：sidebar doesn＆ ＃39;在改变浏览器的大小时改变其宽度（拉伸） - 当它跳到图标宽度时，直到一个点。

Answer 1

Bootstrap没有“官方”侧边栏实现，所以这里没有“正确”。只要它跨浏览器/跨设备工作，任何事情都有好处。

关于侧边栏实现本身，有多种选择：

• 在内容上方打开，
• 将内容推送到对方
• 挤压内容

以上选项和动画可能性数组：

• 侧边栏本身，
• 菜单项容器，
• 菜单名称/标签
• 和菜单图标......，

...尝试提供一个容易出现主观偏好的例子，并将你的问题置于主题之外。

其他可能的功能是

• 自动打开一定宽度，
• 自动关闭低于特定宽度，
• 重新排序元素，
• 三态（满，分和关）。

但主题，您问题的唯一客观答案是： 没有 （官方）。

作为初学者，您可能需要查看此simple sidebar。它与v4完美搭配。只需导入simple-sidebar.css并调整调用以匹配项目的元素。

最后，侧边栏全部是两个容器，并为屏幕阅读器应用了一个类（理想情况下，还有一些aria-属性）。您在这些容器中放置的内容以及如何调整内容以查看每个元素状态都与您自己（或设计者或客户的）个人偏好有关。