React-Bootstrap - จะทำให้ปุ่ม Navbar.Toggle มองเห็นได้ตลอดเวลาได้อย่างไร

ฉันใช้ React-Bootstrap เพื่อสร้างเมนูนำทาง ปุ่มสลับเมื่อขยายแล้วจะมีรายการนำทางของฉันเพื่อไปยังส่วนต่างๆ ของแอป จนถึงตอนนี้ ฉันรู้แล้วว่าควรจะตอบสนองต่ออุปกรณ์ที่มีหน้าจอขนาดเล็ก เนื่องจากรายการนำทางจะหายไปภายในปุ่มสลับทันทีที่ความกว้างของจอแสดงผลเล็กกว่า 768px และปรากฏภายในแถบนำทางหากหน้าจอกว้างขึ้น

สิ่งที่ฉันต้องการคือให้ปุ่มสลับ ลักษณะการทำงาน และรายการนำทาง (จาก Navbar.Collapse) อยู่ข้างในตลอดเวลา ฉันค้นหาเอกสารและคำถามอื่น ๆ แล้ว แต่ไม่พบวิธีใดในการดำเนินการนี้

นี่คือรหัสของฉัน:

    import React from 'react';
    import { bindActionCreators } from 'redux';
    import { connect } from 'react-redux';
    import { Glyphicon, Nav, Navbar, NavItem } from 'react-bootstrap';
    import { actionCreators } from '../store/ExpeditionStore';
    import './NavMenu.css';
    const translations = require('../Translations');

    class NavMenu extends React.Component {

    render() {
        return (
            <Navbar inverse fixedTop fluid collapseOnSelect>

                <Navbar.Header>
                    <Navbar.Toggle />
                    <Navbar.Brand>
                        {this.props.title}
                    </Navbar.Brand>
                </Navbar.Header>

                <Navbar.Collapse>
                    <Nav>
                        <NavItem>
                            <Glyphicon glyph='plane' />{translations.getCaption('shipment')}
                        </NavItem>
                    </Nav>
                    <Nav>
                        <NavItem onClick={() => this.props.switchLanguage(translations)}>
                            EN/FR
                        </NavItem>
                    </Nav>
                </Navbar.Collapse>
            </Navbar>
        );
    }
}

export default connect(
    state => state.expeditionStore,
    dispatch => bindActionCreators(actionCreators, dispatch)
)(NavMenu);

จะทำให้ปุ่มสลับของฉันและ Navbar.Collapse รายการนำทางอยู่ข้างในได้อย่างไร แม้ว่าอุปกรณ์จะกว้างกว่า 768px ก็ตาม