javascript - 实现水平分支导航菜单

标签 javascript css angularjs twitter-bootstrap

我实际上是在尝试实现一个包含许多不同 html 模板并且可以使用不同选项进行导航的 DOM 对象。我对此的 AngularJS/ Controller 方面很满意,但不确定 Bootstrap 和利用现有的类/指令。

enter image description here

我的元素目前正在使用 angularjs、bootstrap 和 angular ui-boostrap。我想要的功能与 ui-bootstrap 的 Accordion 功能非常相似,但横向旋转。但是当选择一个选项时,所有其他选项都会被隐藏起来。这样的东西已经存在了吗?还有我可以使用现有代码/指令来简化此创建吗?

我计划菜单的宽度和高度大部分是静态的,所以我唯一关心的是创建这个菜单,同时给它一个干净的“Bootstrap ”感觉。

最佳答案

我想我以前用过这个并且很满意:

http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3

另见 angular-ui/bootstrap 中的问题:

https://github.com/angular-ui/bootstrap/issues/2421

关于javascript - 实现水平分支导航菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33577147/

相关文章:

java - 如何将java数组列表转换为javascript数组?

javascript - Node, Javascript 中的算法优化

html - 如何在 html 中使框变小?

html - CSS是否可以在没有跨度的情况下定位段落中的字母?

angularjs - 如何在 Angular route 传递查询字符串?

javascript - 将 vuex 的状态传递给图表 - vue

javascript - 如何通过单击按钮打开/关闭功能?

javascript - CSS box-shadow 溢出元素

javascript - 如何访问 AngularJS 中最近的元素(无 jQuery)

angularjs - 捕获 403 Angular 错误并显示弹出窗口