Css 反应引导导航栏容器，将宽度设置为自动

我正在尝试使用react引导中的导航栏。然而，似乎有一个增加宽度的

。如何将此

宽度

设置为

自动

我尝试了以下方法：

.navbar > .container {
    width:auto;
}

.navbar > .container {
    width:auto!important;
}

但这一差距仍然存在。我也试着

<Navbar style={{ width: "auto" }}>
    <Navbar.Header>
       ...

...

但是没有成功。我的完整代码：

<Row>
    <Navbar>
        <Navbar.Header>
            <Navbar.Brand className="lang-de">
                <a href="/" />
            </Navbar.Brand>
            <Navbar.Toggle />
        </Navbar.Header>
        <Navbar.Collapse>
            <Nav pullRight>
                <NavItem eventKey={1} href="#">
                    Impressum
                </NavItem>
            </Nav>
        </Navbar.Collapse>
    </Navbar>
</Row>

印模

在css中，尝试以下操作：

.navbar > .container {
    width:auto;
}

.navbar > .container {
    width:auto!important;
}

---

您只能使用React引导固定顶

<Navbar fixed="top" />

您可以在文档中看到此位置和其他位置，只需在代码的导航栏旁边添加“流体”

<Row>
<Navbar fluid>
    <Navbar.Header>
        <Navbar.Brand className="lang-de">
            <a href="/" />
        </Navbar.Brand>
        <Navbar.Toggle />
    </Navbar.Header>
    <Navbar.Collapse>
        <Nav pullRight>
            <NavItem eventKey={1} href="#">
                Impressum
            </NavItem>
        </Nav>
    </Navbar.Collapse>
</Navbar>

印模