侠客岛的含笑
2016-12-28 09:13
如图 ddd
你这个没写全
.navbar-fixed-top ~ .content {
padding-top: 70px;
}
.navbar-fixed-bottom ~ .content {
padding-bottom: 70px;
}
这两个得一起用
在文件中添加下列样式代码:
.navbar-fixed-top ~ .content {
padding-top: 70px;
}
/*当固定导航条是固定在顶端的时候,需要在文件中添加此样式*/
.navbar-fixed-bottom ~ .content {
padding-bottom: 70px;
}
/*当固定导航条是固定在底部的时候,需要在文件中添加此样式*/
~这个符号是同辈的意思
.navbar-fixed-top ~ .content的意思就是说 类名为.navbar-fixed-top的元素 的 类名为.content同辈元素
<div class="content">我是内容</div>意思就是你的正文
老师的意思是将你要固定的导航条写在正文的上面 然后 在你开始正文的div中添加类名content,当然,这种方法有
的时候也是需要具体情况具体分析的。
这是 CSS3 element1~element2 选择器
定义和用法
element1~element2 选择器 element1 之后出现的所有 element2。
两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1。
实例
为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:
p~ul
{
background:#ff0000;
}
玩转Bootstrap(基础)
314546 学习 · 2275 问题
相似问题