Как выровнять левый Navbar React- Bootstrap - PullRequest
Новая
       53

Как выровнять левый Navbar React- Bootstrap

0 голосов
/ 01 марта 2020

Мой код навигации как: - 

    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);

Это выглядит так: -

enter image description here

Вся страница выровнена центр. Как сделать так, чтобы он был выровнен?

1 Ответ

0 голосов
/ 01 марта 2020

Я мог бы исправить это следующим образом: - 

npm install bootstrap

Позже добавим import 'bootstrap/dist/css/bootstrap.min.css';

Также возможно, что мы можем включить bootstrap .min. css cdn непосредственно в public / index. html без установки bootstrap.

...