container class for Navbar?

container is a class to limit the width of page display.

Is there any way to add container class to Navbar? Just like Github Navbar.

When I add the container to the Navbar directly, it cut off the background, which is not pretty.

[alextrastero]

Formatted:

render () {
  const {
    brand,
    className,
    fixed,
    left,
    right,
    href,
    container, //container prop
    ...other
  } = this.props;

  delete other.options;

  let classes = {
    right: right,
    'hide-on-med-and-down': true
  };

  let brandClasses = {
    'brand-logo': true,
    right: left
  };

  let wrapper = 'nav-wrapper';

  if (container) {
    wrapper = 'nav-wrapper container'; //add container to the nav-wrapper
  }

  let content = (
    <nav {...other} className={className}>
      <div className={wrapper}>
        <Col s={12}>
          <a href={href} className={cx(brandClasses)}>{brand}</a>
          <ul className={cx(className, classes)}>
            {this.props.children}
          </ul>
          {this.renderSideNav()}
          <a className='button-collapse' href='#' data-activates='nav-mobile'>
            <Icon>view_headline</Icon>
          </a>
        </Col>
      </div>
    </nav>
  );

  if (fixed) {
    content = <div className='navbar-fixed'>{content}</div>;
  }

  return content;
}

Navbar.propTypes = {
  ...
  /**
   * Makes the navbar fixed
   */
  fixed: PropTypes.bool,
  /*
   * adds container to Navbar
   */
  container: PropTypes.bool

[alextrastero]

Please try react-materialize3.x and reopen if this is still happening, thanks!