reactstrap <navbar>固定在顶部

Question

我正在使用reactstap并尝试实现一个固定的导航栏，该导航栏部分起作用，因为导航栏是固定的，但是下一个组件移到顶部（导航栏后面）。如果未设置fixed属性，则内容将正确显示在导航栏下方。

<Navbar className="bg-dark" color="dark" fixed="top" >

Answer 1

您可以在主体顶部添加边距或填充，以将其向下移动以补偿导航栏的高度。

添加到样式表：

body {
  padding-top: 45px;
}

或将其作为嵌入式样式添加到您的body或main标签中。