欢迎光临
我一直在努力开车

【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突

Abbey打算用bootstrap写一个PyOne的主题,结果发现了这个bug

对于前端渣渣Abbey来说,写前端主题简直是折磨,昨天Abbey试着用Boostrap写个主题的时候,被一个bug逼得差点怀疑人生。

本来Abbey想要的效果是这样的,其中导航栏固定上方,文件列表在下方

【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突

然后实际上给我的效果是这样的

【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突

然后Abbey以为自己哪些写的有问题,试着一个一个拆解,结果都于事无补

然后Abbey想想写的过程:

  • 一开始只有一个Hello world,当时是正常的

【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突

  • 然后从bootstrap教程中搬来了一个导航条,这个时候也是正常的【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突
  • 然后Abbey想要把导航条固定,于是加了一个.navbar-fixed-top样式。然后….尼玛原来是.navbar-fixed-top这货搞的!【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突
  • 最后上google查,找到解决办法:给body标签加个样式
 body {
    padding-top: 70px;
}

【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突

好吧,不知道这算不算是bug,反正对于前端小白来说,这就是一个bug。

 

行了,我知道丑了

赞(0)
未经允许不得转载:一个人的公交 » 【Bug】Boostrap下body标签会和navbar-fixed-top样式冲突

评论 2

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    大佬,学习一下CSS盒子模型。以你的水平写个页面不是分分钟搞定?

    null 3个月前 (01-30) 来自天朝的朋友 Safari浏览器 iPad OS 8_4 like Mac OS X) AppleWebKit 回复
    • @null 我已经写完一个主题了

      Abbey 3个月前 (01-30) Taiwan; Republic of China (ROC) 谷歌浏览器 Windows 7 回复

Onedrive个人网盘搭建

GitHub地址联系Abbey