How to add Container in Navbar ?

<navbar class="indigo" name="Navbar" href="#"> 
<container>
  <navbar-collapse> 
    <navbar-nav> 
      <navbar-item href="#" active>Home</navbar-item> 
      <navbar-item href="#">Features</navbar-item> 
      <navbar-item href="#">Pricing</navbar-item> 
      <dropdown tag="li" class="nav-item">
        <dropdown-toggle tag="a" navLink color="indigo" waves-fixed>Dropdown</dropdown-toggle>
        <dropdown-menu>
          <dropdown-item>Action</dropdown-item>
          <dropdown-item>Another action</dropdown-item>
          <dropdown-item>Something else here</dropdown-item>
        </dropdown-menu>
      </dropdown>
    </navbar-nav> 
    <form class="form-inline"> 
      <input class="form-control mr-auto p-2" type="text" placeholder="Search" aria-label="Search"> 
    </form> 
  </navbar-collapse>
</container> 
</navbar>

<navbar position="top" dark color="primary" name="Your Logo" href="#" scrolling>
 <container>
 <navbar-collapse>
 <navbar-nav>
 <navbar-item href="#" waves-fixed>Home</navbar-item>
 <navbar-item href="#" waves-fixed>Features</navbar-item>
 <navbar-item href="#" waves-fixed>Pricing</navbar-item>
 <!-- Dropdown -->
 <dropdown tag="li" class="nav-item">
 <dropdown-toggle @click.native="toggleDropdown(0)" tag="a" navLink color="primary" waves-fixed>Dropdown</dropdown-toggle>
 <dropdown-menu v-show="active[0]" >
 <dropdown-item>Action</dropdown-item>
 <dropdown-item>Another action</dropdown-item>
 <dropdown-item>Something else here</dropdown-item>
 </dropdown-menu>
 </dropdown>
 </navbar-nav>
 <!-- Search form -->
 <form class="form-inline">
 <md-input type="text" placeholder="Search" aria-label="Search" label navInput waves waves-fixed/>
 </form>
 </navbar-collapse>
 </container>
 </navbar>