Reactstrapを使用してデフォルトの縮退Navbarを使用するにはどうすればよいですか？

Question

私は、ノードアプリケーションでブートストラップ4の反応ストラップを使用しています。私の初めてのことです。少し助けが必要です。どのようにして（画面の大きさに関係なく）いつでもNavbarを崩壊させることができますか？これは役立つかもしれない

class App extends Component { 
    constructor(props) { 
    super(props); 

    this.toggle = this.toggle.bind(this); 
    this.state = { 
     isOpen: false 
    }; 
    } 
    toggle() { 
    this.setState({ 
     isOpen: !this.state.isOpen 
    }); 

render() { 
return (
<Navbar color="inverse" inverse toggleable> 
      <NavbarToggler right onClick={this.toggle} /> 
      <NavbarBrand href="/">reactstrap</NavbarBrand> 
      <Collapse isOpen={this.state.isOpen} navbar> 
      <Nav className="ml-auto" navbar> 
       <NavItem> 
       <NavLink href="/components/">Components</NavLink> 
       </NavItem> 
       <NavItem> 
       <NavLink href="https://github.com/reactstrap/reactstrap">Github</NavLink> 
       </NavItem> 
      </Nav> 
      </Collapse> 
     </Navbar> 
)} 

Answer 1

： はここreactstrapのgithubのページからサンプルコードです。

ドキュメントには例があります。 https://reactstrap.github.io/components/navbar/

レンダリング（）{ リターン（ reactstrap コンポーネント のGithub ）。