Bootstrap 4 计划引导以响应引导

如何编写下一个简单引导片段来响应引导

我的主要问题是如何翻译这一部分，因为这两个类都作为react引导元素存在

兄弟，首先你需要学习如何从react添加路由器。因为我看到了一些链接。所以，在React中，您必须在React引导中使用类似路由器的上下文、React路由器dom等

<div class = "container"></div> in react bootstrap => <Container></Container>

反应引导中的

=>

您还必须使用纱线或npm安装react引导

第二个请求在使用react时，您可以使用className而不是class

最后，这些是react引导导航栏：

<Navbar bg="light" expand="lg">
  <Navbar.Brand href="#home">React-Bootstrap</Navbar.Brand>
  <Navbar.Toggle aria-controls="basic-navbar-nav" />
  <Navbar.Collapse id="basic-navbar-nav">
    <Nav className="mr-auto">
      <Nav.Link href="#home">Home</Nav.Link>
      <Nav.Link href="#link">Link</Nav.Link>
      <NavDropdown title="Dropdown" id="basic-nav-dropdown">
        <NavDropdown.Item href="#action/3.1">Action</NavDropdown.Item>
        <NavDropdown.Item href="#action/3.2">Another action</NavDropdown.Item>
        <NavDropdown.Item href="#action/3.3">Something</NavDropdown.Item>
        <NavDropdown.Divider />
        <NavDropdown.Item href="#action/3.4">Separated link</NavDropdown.Item>
      </NavDropdown>
    </Nav>
    <Form inline>
      <FormControl type="text" placeholder="Search" className="mr-sm-2" />
      <Button variant="outline-success">Search</Button>
    </Form>
  </Navbar.Collapse>
</Navbar>

反应自举
家
链接
行动
另一个动作
某物
分离环
搜寻

您可以使用这个导航栏

---

当心…

这确实在文档中，mate->你自己尝试过什么吗？谢谢@PrateekThapa，是的，你是对的，文档中有，但更准确地说，在这个链接中[