【问题标题】:How to align left Navbar React-Bootstrap如何对齐左导航栏 React-Bootstrap
【发布时间】:2020-02-29 21:31:22
【问题描述】:

我的导航代码为:-

    const Navigation = (props) => {
    console.log(props);
    return (
        <Navbar bg="primary" variant="dark">
            <Navbar.Brand href="/">Dating Service</Navbar.Brand>
            <Navbar.Toggle aria-controls="basic-navbar-nav" />
            <Navbar.Collapse id="basic-navbar-nav">
                <Nav className="ml-auto">
                    <Nav.Link href="/">Home</Nav.Link>
                    <Nav.Link href="/CreateProfile">Create Profile</Nav.Link>
                    <Nav.Link href="/ViewProfile">View Profile</Nav.Link>
                </Nav>
            </Navbar.Collapse>
        </Navbar>
    )
}

export default withRouter(Navigation);

看起来像这样:-

整个页面居中对齐。如何让它左对齐?

【问题讨论】:

    标签: navbar react-bootstrap


    【解决方案1】:

    我可以这样解决它:-

    npm install bootstrap
    

    稍后添加import 'bootstrap/dist/css/bootstrap.min.css';

    另外,我们可以直接在 public/index.html 中包含 bootstrap.min.css cdn 而无需安装 bootstrap。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2017-07-07
      • 1970-01-01
      • 1970-01-01
      • 2018-08-12
      • 1970-01-01
      • 2022-07-15
      • 2014-02-09
      • 2021-09-18
      相关资源
      最近更新 更多