第二种解决BUG的方法不靠谱啊,还有.navbar-fixed-top ~ .content 中~ 这个什么意思?

来源:6-6 固定导航条

侠客岛的含笑

2016-12-28 09:13

如图      ddd

5863119500013d0f05000170.jpg

586311960001054205000351.jpg


写回答 关注

4回答

  • JS嘛霸哥
    2017-02-21 22:41:12
    已采纳

    你这个没写全

    .navbar-fixed-top ~ .content {
      padding-top: 70px;
    }
    .navbar-fixed-bottom ~ .content {
     padding-bottom: 70px;
    }

    这两个得一起用

    侠客岛的含笑

    非常感谢!

    2017-02-22 19:13:47

    共 1 条回复 >

  • qq_XI_2
    2017-02-27 16:05:00

    在文件中添加下列样式代码:

    .navbar-fixed-top ~ .content {
      padding-top: 70px;
    }

    /*当固定导航条是固定在顶端的时候,需要在文件中添加此样式*/

    .navbar-fixed-bottom ~ .content {
     padding-bottom: 70px;
    }

    /*当固定导航条是固定在底部的时候,需要在文件中添加此样式*/

  • qq_XI_2
    2017-02-27 16:02:47

    ~这个符号是同辈的意思

    .navbar-fixed-top ~ .content的意思就是说 类名为.navbar-fixed-top的元素 的 类名为.content同辈元素

    <div class="content">我是内容</div>意思就是你的正文

    老师的意思是将你要固定的导航条写在正文的上面 然后 在你开始正文的div中添加类名content,当然,这种方法有

    的时候也是需要具体情况具体分析的。

  • qq_叫我丶Q博士_0
    2016-12-28 09:51:31

    这是 CSS3 element1~element2 选择器


    定义和用法


      element1~element2 选择器 element1 之后出现的所有 element2。


      两种元素必须拥有相同的父元素,但是 element2 不必直接紧随 element1。

    实例

    为所有相同的父元素中位于 p 元素之后的所有 ul 元素设置背景:   

    p~ul

    {

    background:#ff0000;

    }

       


    侠客岛的含笑

    第二种解决BUG的方法不靠谱啊

    2016-12-28 11:33:09

    共 1 条回复 >

玩转Bootstrap(基础)

告诉你使用Bootstrap,并且能够独立定制出适合自己的Bootstrap

314546 学习 · 2275 问题

查看课程

相似问题