响应式设计中的自动定位引导下拉菜单

时间:2015-06-16 16:41:02

标签: jquery twitter-bootstrap twitter-bootstrap-3

我正在使用我网站上的Bootstrap Dropdown菜单。我知道我可以通过向ul或容器添加一些类来定位下拉列表的显示位置和方式,但有没有办法自动实现此定位?

比如说,在我的网站中,我有几个相邻的下拉菜单,根据屏幕尺寸,下拉菜单会被向下或向下推一两行。

例如,在大屏幕分辨率下,下拉列表看起来像这样:

  

DD1 DD2 DD3 DD4 DD5

在较小的屏幕分辨率下,它们看起来像这样:

  

DD1 DD2 DD3
  DD4 DD5

在这种情况下,我不能强制下拉,向左打开,而不是默认右开,因为我不知道相对于下拉屏幕的确切位置,所以纯CSS不足以解决我的问题。

所以我的问题是:

bootstrap.js中是否有预先构建的选项,可以在每种情况下正确定位开始下拉列表,或者我必须编写自己的计算,并使用jQuery来实现所需的结果? < / p>

0 个答案:

没有答案