在Twitter Bootstrap中实现下拉菜单背后的想法是什么?

iag*_*tme 27 jquery html5 semantic-markup twitter-bootstrap

我一直在看Twitter的Bootstrap框架,我真的很感动.但是,我不理解下拉导航菜单工作方式背后的想法.

首先,为了查看子链接,您必须单击父级.我可以看到这样做的好处,但为什么不将悬停方法更传统的下拉列为默认值呢?

其次,Twitter Bootstrap的下拉菜单背后的想法似乎照亮了父页面.我可能没有那么好解释......说,你有一个简单的网页结构:

  • 关于
    • 团队
  • 服务
    • 网页设计
    • 主机
  • 联系

在传统的下拉菜单结构中,您将鼠标悬停在"约"和"服务"上,并且会出现包含子链接的下拉菜单(例如"网页设计","托管"等).但是,您也可以单击父页面(即"关于"和"服务")并访问它们.

使用Bootstrap,您不能在结构中拥有父页面,您必须使用锚标记("#").单击此按钮后,您将看到下拉列表中的页面.如果有父页面,这是不好的.从语义("#"是什么意思?)和可访问性(javascript关闭,屏幕阅读器等)的观点来看,它也不是很好.

我可能错过了一些东西,但有人可以解释这背后的想法,特别是关于父页面和语义html /可访问性?

Van*_*aro 25

Bootstrap的主要开发人员之一Mark Otto(@mdo)在他的博客上回答道:

http://www.markdotto.com/2012/02/27/bootstrap-explained-dropdowns/


Chr*_*ter 20

这样做只是因为悬停菜单在触摸屏设备上不能很好地工作.

https://github.com/twitter/bootstrap/issues/1029