我正在使用我网站上的Bootstrap Dropdown菜单。我知道我可以通过向ul或容器添加一些类来定位下拉列表的显示位置和方式,但有没有办法自动实现此定位?
比如说,在我的网站中,我有几个相邻的下拉菜单,根据屏幕尺寸,下拉菜单会被向下或向下推一两行。
例如,在大屏幕分辨率下,下拉列表看起来像这样:
DD1 DD2 DD3 DD4 DD5
在较小的屏幕分辨率下,它们看起来像这样:
DD1 DD2 DD3
DD4 DD5
在这种情况下,我不能强制下拉,向左打开,而不是默认右开,因为我不知道相对于下拉屏幕的确切位置,所以纯CSS不足以解决我的问题。
所以我的问题是:
bootstrap.js中是否有预先构建的选项,可以在每种情况下正确定位开始下拉列表,或者我必须编写自己的计算,并使用jQuery来实现所需的结果? < / p>