Html React引导导航栏-如何利用网格系统向右侧添加偏移或移位项？

因此，我创建了一个个人网站使用反应引导。下面是这个网站现在的样子。

导航栏是

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

嘿，我是马克斯

我真的想用“偏移量：2”将导航栏向右移动，这样品牌（“导航栏中的React Bootstrap”）就可以与“嘿，我是Max”对齐。我试着在导航栏上添加填充或边距，但并没有真正起作用。有没有一种方法可以让我直接将offset:2添加到Navbar.Brand元素中？或者，实现这一目标的最佳方式是什么