【问题标题】:Display bootstrap hover dropdown at right在右侧显示引导程序悬停下拉菜单
【发布时间】:2014-09-13 08:54:06
【问题描述】:

我了解了这个插件: https://github.com/CWSpear/bootstrap-hover-dropdown

有一些选项(HTML 属性),例如:data-hover="dropdown" ,data-toggle="dropdown" , ...

但是我找不到在列表触发元素右侧显示下拉列表的选项。

例如:data-placement="right" 或 ="left"。

This demo 仅显示左侧位置:


确实,我也想变成这样:

【问题讨论】:

    标签: jquery css twitter-bootstrap drop-down-menu


    【解决方案1】:

    您使用.dropdown-menu-right。从 3.1 开始,.pull-right 实用程序已被弃用。

    <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="dLabel">
    ...
    </ul>
    

    请参阅 Bootstrap 文档中的 Alignment Options

    【讨论】:

      【解决方案2】:

      ul.dropdown-menu添加类pull-right

      <ul class="dropdown-menu pull-right"> ... </ul>
      

      这是一个演示:http://jsfiddle.net/hqxcC/1/

      【讨论】:

        猜你喜欢
        • 2013-10-10
        • 1970-01-01
        • 2022-01-22
        • 2015-09-30
        • 2021-05-03
        • 2015-12-13
        • 2015-02-04
        • 2016-11-11
        • 2019-04-19
        相关资源
        最近更新 更多