Bootstrap导航栏中按钮间添加竖线分隔
来源:互联网 发布:贵阳大数据交易中心 编辑:程序博客网 时间:2024/05/24 06:49
要实现的效果如图所示:
这里没有什么难点,只是感觉这种布局使用挺多的,纪录一下,方便以后使用。
曾经想过的思路:
- 添加相同的
<li><a href="#">|</a></li>
标签,
但是元素间距离会变大,因为|占据同等宽度 - 给元素添加右边框,
审查元素发现,元素高度跟导航栏一样高,所以|会跟导航栏一样高 - 最终用伪元素实现了想要的效果
`.navbar-right li:after { content: ''; position: absolute; width: 1px; height: 14px; background-color: #a4a4a4; top:18px; right: 0; }
阅读全文
0 0
- Bootstrap导航栏中按钮间添加竖线分隔
- bootstrap导航栏中的按钮
- 导航栏添加按钮
- jQuery EasyUI — 按钮间的自定义竖线(分隔线)样式
- bootstrap(菜单、按钮、导航)
- Bootstrap菜单、导航、按钮
- bootstrap 导航 -按钮组导航
- iOS中为导航栏的右上方添加各种按钮
- bootstrap 公用导航栏添加active
- bootstrap。。cell添加按钮
- Bootstrap四-菜单、按钮、导航
- Bootstrap菜单,按钮及导航
- bootstrap 汉堡包导航条按钮
- Bootstrap学习-菜单-按钮-导航
- java--竖线分隔符|
- ios导航栏添加多个按钮
- ios----导航栏添加多个按钮
- 导航栏添加左右按钮方法
- 白盒测试----六种覆盖方法
- 对PHP命名空间的理解
- Tensorflow MINIST数据模型的训练,保存,恢复和手写字体识别
- skimage的相关使用收藏
- Amazon Rekognition
- Bootstrap导航栏中按钮间添加竖线分隔
- 机器学习算法python实现---朴素贝叶斯算法(朴素Bayes)
- 1.RabbitMQ介绍与安装
- 周志华西瓜书-AI英语单词,第一章
- Mac系统 每次终端登录mysql都需要配置路径问题
- java的多线程安全,ReentrantLock与synchronized锁
- 【贪心】Coupons and Discounts
- 26岁学编程会不会已经晚了?
- 浅拷贝与深拷贝