我正在使用react-bootstrap库通过导航栏导入在页面顶部构造导航栏。但是,该栏似乎在底部有一些填充,我不希望也无法删除,如此处所示(底部为黄色。Navbar组件似乎也不能覆盖整个页面(如空白所示)在栏的两边];不确定为什么会这样):
我希望该栏跨越页面,并且底部没有填充。
我的渲染方法如下:
render() {
if(Auth.isUserAuthenticated() && this.props.location.pathname === '/') {
return <div/>;
}
return (
<span className="nav-bar">
<Navbar inverse className="fixed-top collapseOnSelect nav-bar">
<Navbar.Collapse>
<Navbar.Header className="locl-link">
<Navbar.Brand>
<LinkContainer to="/">
<a>locl</a>
</LinkContainer>
</Navbar.Brand>
<Navbar.Toggle />
</Navbar.Header>
<BootstrapNav>
<LinkContainer to="/about">
<NavItem active={this.linkActive("about")}>About</NavItem>
</LinkContainer>
</BootstrapNav>
<BootstrapNav pullRight>
{this.logInOut()}
</BootstrapNav>
</Navbar.Collapse>
</Navbar>
</span>
);
}
任何帮助将不胜感激。
最佳答案
我没有意识到body
标签具有默认边距;哎呀
关于reactjs - react-bootstrap NavBar填充,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/44577222/