首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >bootstrap下拉气泡右对齐(不是向右推)

bootstrap下拉气泡右对齐(不是向右推)
EN

Stack Overflow用户
提问于 2013-09-19 18:34:19
回答 4查看 80.5K关注 0票数 94

我的顶部菜单中有购物车,使用的是push-right,我的问题是下拉气泡从页面上掉了出来。我正在尝试将气泡右对齐,以便它与'click‘右对齐

像这样

HTML:

代码语言:javascript
复制
<div class="cart pull-right">
  <ul class="nav">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">CLICK</a>
       <div class="dropdown-menu">
       STUFF
       </div>
    </li>
  </ul>
</div>
EN

回答 4

Stack Overflow用户

发布于 2015-08-02 18:52:59

这可以通过引导类dropdown-menu-right with dropdown-menu来解决,这个引导类专门针对这个问题,它使用css属性right: 0;left: auto;来右对齐它。

这个解决方案对我很有效。

Source - http://getbootstrap.com/components/#btn-dropdowns-dropup (转到developer tools )

票数 20
EN

Stack Overflow用户

发布于 2019-01-02 04:52:07

代码语言:javascript
复制
<div class="dropdown-menu dropdown-menu-right">

这在boostrap 4.2.1中仍然有效:)

票数 7
EN

Stack Overflow用户

发布于 2015-07-16 23:24:20

bootstrap v 3.1.0中,这个问题的答案是不同的。

jsfiddle

代码语言:javascript
复制
<div class="dropdown-menu pull-menu-right">
       STUFF
</div>
票数 6
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18892351

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档