Navbar容器是流体但仍然没有全宽？

Question

我制作了Navbar，但它没有全宽。右下角还有一些空间（见截图）

Navbar.js：

{{ todo.text }}

在Navbar.css中，我尝试过以下但仍无效：

import React, { Component } from 'react';
import './navbar.css';

class Navbar extends Component {

  render() {
    return (
      <div>
          <nav className="navbar navbar-inverse">
            <div className="container-fluid">
                <div className="navbar-header">
                  <a className="navbar-brand" href="/">Cricket App</a>
                </div>
                <ul className="nav navbar-nav">
                  <li><a href="/">Home</a></li>
                </ul>
            </div>
          </nav>
      </div>
    );
  }
}

export default Navbar;

屏幕截图见右上角：

Answer 1

您可以使用vw而不是％。当您使用宽度时，它将占用父节点宽度的100％。但是，当您想要使用视图的宽度时，您可以

.navbar{
   width: 100vw!important;
}