课程
/前端开发
/Bootstrap
/玩转Bootstrap(基础)
如图 ddd
2016-12-28
源自:玩转Bootstrap(基础) 6-6
正在回答
你这个没写全
.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,并且能够独立定制出适合自己的Bootstrap
2 回答第一个bug解决方法
2 回答这个就是第二种方法么 第二种方法的原理是什么呢请问?
3 回答模态框与导航条的navbar-fixed-top冲突
1 回答使用第一种解决方法
1 回答bug解决办法