Bootstrap3 右对齐的下拉菜单

匿名 (未验证) 提交于 2019-12-02 23:32:01

右对齐的下拉菜单

Bootstrap3中,默认情况下,下拉菜单的左边缘自动与父对象的左边缘对齐。为下拉菜单追加 .dropdown-menu-right 类可以让它右对齐,即让下拉菜单的右边缘,与父对象的右边缘对齐。如:

  1. </div>

图3-11 右对齐的下拉菜单

在正常的文档流中,通过 CSS 为下拉菜单进行定位。因此,下拉菜单可能会因为设置了overflow属性的父元素而被部分遮挡或超出视口(viewport)的显示范围。如果出现这种问题,请自行解决。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

文章来源: https://blog.csdn.net/ixygj197875/article/details/90180727
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!