React- Bootstrap Navbar - Как использовать сетку для добавления элементов смещения или сдвига вправо? - PullRequest
Новая
       99

React- Bootstrap Navbar - Как использовать сетку для добавления элементов смещения или сдвига вправо?

0 голосов
/ 03 мая 2020

Итак, я создаю персональный сайт, используя реагирование bootstrap. И вот как выглядит сайт прямо сейчас. Picture of the nav bar and intro

Навбар 

<Navbar collapseOnSelect expand="lg" bg="dark" variant="dark">
        <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
        <Navbar.Toggle aria-controls="responsive-navbar-nav" />
        <Navbar.Collapse id="responsive-navbar-nav">
            <Nav>
                <Nav.Link href="#features">Features</Nav.Link>
                <Nav.Link href="#pricing">Pricing</Nav.Link>
            </Nav>
            <Nav className="ml-auto">
                <Nav.Link href="#deets">More deets</Nav.Link>
                <Nav.Link eventKey={2} href="#memes">
                    Dank memes
                </Nav.Link>
            </Nav>
        </Navbar.Collapse>
    </Navbar>

, а введение выглядит так: 

<Row>
            <Col md={{ span: 4, offset: 2 }}>
                <p id='hey'>Hey, I am Max! </p> </Col> </Row>

Я действительно хочу переместить панель навигации на справа от "offset: 2", чтобы марка ("React- Bootstrap" в панели навигации) могла совпадать с "Эй, я Макс". Я пытался добавить отступы или поля в Navbar.Brand, но это не сработало. Есть ли способ для меня, чтобы напрямую добавить offset: 2 к элементу Navbar.Brand? Или что может быть лучшим способом сделать это?

...