Bootstrap navbar fixed-top 导航栏 遮盖下方元素 解决

resolve

两种解决方式：

• 向元素添加样式style="padding-top: 50px;"，顶部填充的实际大小可自己调整。
• 向div.nav-bar.fixed-top元素添加样式style="position: sticky;"，实际是修改该导航栏元素的定位属性position，从原本的fixed到sticky。

Bootstrap 4.1.0 .fixed-top 类的样式：

关于HTML元素的定位属性position

• CSS position属性
• 五种值：
  • static 静态的(默认值)。
  • absolute 绝对定位。
  • relative 相对定位。
  • fixed 固定定位。
  • sticky 粘性定位。
    另外值可以为inherit或initial。