Bootstrap navbar в Reactionjs не подходит для всей ширины экрана

Question

Я новичок в начальной загрузке, используя начальную загрузку вactjs Framework. При выполнении этого кода navbar не отображает полную ширину на экране, мне нужна навигационная панель для всей ширины

import React, { Component } from 'react';
import "bootstrap/dist/css/bootstrap.min.css";
//import { Link } from 'react-router-dom';

export default class ClientProfile extends Component {

    render(){
        return(
            <nav className="navbar navbar-light bg-light">          
                <a class="navbar-brand" href="#">
                    Nav
                </a>
                <ul class="navbar-nav mr-auto mt-2 mt-lg-0">
                    <li class="nav-item active">
                        <a class="nav-link" href="#"> How it Works </a>
                    </li>
                </ul>
            </nav> 
        )
    }
}