博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Bootstrap系列 -- 27. 下拉菜单对齐方式
阅读量:7027 次
发布时间:2019-06-28

本文共 784 字,大约阅读时间需要 2 分钟。

 

  Bootstrap框架中下拉菜单默认是左对齐,如果你想让下拉菜单相对于父容器右对齐时,可以在“dropdown-menu”上添加一个“pull-right”或者“dropdown-menu-right”类名。

使用pull-right类使下拉菜单与父容器右边对齐

使用dropdown-menu-right类使下拉菜单与父容器右边对齐

下拉菜单与父容器左边对齐

 

  与此同时,还有一个类名刚好与“dropdown-menu-right”相反的类名“dropdown-menu-left”,其效果就是让下拉菜单与父容器左边对齐,其实就是默认效果

 

  这里有个问题,如果右边对齐虽然设置了样式,但是很容易出现样式混乱,下拉菜单的位置是有 <div class="dropdown">的宽度来决定的,所以在不同的分辨率下会有所不同。

这里解决方式一种是固定div的宽度,还有一种就是Button 放到右边

转载地址:http://nnrxl.baihongyu.com/

你可能感兴趣的文章
HDOJ---1074 Doing Homework[DP+状态压缩]
查看>>
读书笔记《集体智慧编程》Chapter 4 : Searching and Ranking
查看>>
jquery form 插件 分类: JavaScript ...
查看>>
php二维数组访问
查看>>
Hibernate + MySQL中文乱码问题
查看>>
ios中键盘处理(二)
查看>>
浏览器对象
查看>>
cookie——小甜品
查看>>
Windows调试的基石——符号(1)
查看>>
【dynamic】简化反射简单尝试
查看>>
centos下node.js的安装
查看>>
C# WEB API ApiController 修改response header contentType
查看>>
Android 测试入门之---Monkey test
查看>>
Lemon OA第3篇:核心功能
查看>>
ReportMachine 打印机横向
查看>>
asterisk manager api 配置 (manager.conf)
查看>>
apache httpd服务器403 forbidden的问题
查看>>
Python内置类型——set
查看>>
Python内置类型——list
查看>>
拓扑排序-图论
查看>>