垂直分隔线在 Bootstrap 3 中不起作用 [英] Vertical divider doesn't work in Bootstrap 3
查看:28
twitter-bootstrap
本文介绍了垂直分隔线在 Bootstrap 3 中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我打开了标准 Bootstrap 下载附带的 Nav 示例 (bootstrap-3.0.0\examples\navbar\index.html) 并在两个链接之间添加了垂直分隔线.
但是,它似乎对导航栏没有任何影响:
<ul class="nav navbar-nav"><li class="active"><a href="#">Link1</a></li><li><a href="#">Link2</a></li><li class="divider-vertical"></li><li><a href="#">Link3</a></li> 解决方案 我认为这将使其重新使用 3.0
.navbar .divider-vertical {高度:50px;边距:0 9px;右边框:1px 实心 #ffffff;左边框:1px 实心 #f2f2f2;}.navbar-inverse .divider-vertical {边框右颜色:#222222;边框左颜色:#111111;}@media(最大宽度:767px){.navbar-collapse .nav >.divider-垂直{显示:无;}}
I opened the Nav example which comes with the standard Bootstrap download (bootstrap-3.0.0\examples\navbar\index.html) and added vertical dividers between two of the links.
However, it doesn't seem to make any difference to the navigation bar:
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Link1</a></li>
<li><a href="#">Link2</a></li>
<li class="divider-vertical"></li>
<li><a href="#">Link3</a></li>
解决方案 I think this will bring it back using 3.0
.navbar .divider-vertical {
height: 50px;
margin: 0 9px;
border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2;
}
.navbar-inverse .divider-vertical {
border-right-color: #222222;
border-left-color: #111111;
}
@media (max-width: 767px) {
.navbar-collapse .nav > .divider-vertical {
display: none;
}
}
这篇关于垂直分隔线在 Bootstrap 3 中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文
相关文章
- 如何通过Bootstrap垂直分隔线绘制线?;
- 垂直分隔线CSS;
- 颤振-垂直分隔线;
- 更改垂直分隔线导航栏;
- 创建垂直分隔线喷气背包合成;
- 水平UL菜单上的垂直分隔线;
- UITableView分隔线;
- UITableView 分隔线;
- 在NSSplitView中隐藏分隔线;
- Bootstrap 垂直对齐属性不起作用;
- Bootstrap垂直对齐属性不起作用;
- 分隔线在门票DropDownChoice;
- UISplitViewController:删除分隔线;
- Android ListView 分隔线;
- 无法将垂直分隔线添加到 TableLayout Android;
- 无法将垂直分隔线添加到TableLayout Android;
- Bootstrap 3在IE8中不起作用;
- Bootstrap 3 Glyphicons在Windows Mobile中不起作用;
- Bootstrap 3 导航药丸不起作用;
- bootstrap 3模式窗口不起作用;
- 在ListView的丑分隔线;
- SplitPane中的透明分隔线;
- Bootstrap 在 pdf 中不起作用;
- Bootstrap在Firefox中不起作用;
- 在LinearLayout中更改分隔线的颜色;
其他开发最新文章
- 拒绝显示一个框架,因为它将'X-Frame-Options'设置为'sameorigin';
- 什么是&QUOT; AW&QUOT;在部分标志属性是什么意思?;
- 在运行npm install命令时获取'npm WARN弃用'警告;
- cmake无法找到openssl;
- 从Spark的scala中的* .tar.gz压缩文件中读取HDF5文件;
- Twitter :: Error :: Forbidden - 无法验证您的凭据;
- 我什么时候需要一个fb:app_id或者fb:admins?;
- 将.db文件导入R;
- npm通知创建一个lockfile作为package-lock.json。你应该提交这个文件;
- 拒绝执行内联脚本,因为它违反了以下内容安全策略指令:“script-src'self'”;