我正在使用react-bootstrap库通过导航栏导入在页面顶部构造导航栏。但是,该栏似乎在底部有一些填充,我不希望也无法删除,如此处所示(底部为黄色。Navbar组件似乎也不能覆盖整个页面(如空白所示)在栏的两边];不确定为什么会这样):

reactjs - react-bootstrap NavBar填充-LMLPHP

我希望该栏跨越页面,并且底部没有填充。

我的渲染方法如下:

  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/

10-16 10:46