Navbar is always collapsed

Most certainly it’s an issue in my code but in this example, the navbar is always collapsed as noted by some other bootstrap 4 users.

	<div id="app">
		<b-navbar toggleable="sm" type="inverse" variant="inverse" fixed="top" sticky>
			<b-nav-toggle target="nav_collapse"></b-nav-toggle>

			<b-navbar-brand to="/">Navbar</b-navbar-brand>
			
			<b-collapse id="nav_collapse" is-nav>
				<b-nav is-nav-bar>
					<b-nav-item href="#">Link</b-nav-item>
					<b-nav-item href="#" disabled>Disabled</b-nav-item>
				</b-nav>

				<b-nav is-nav-bar class="ml-auto">
					<b-nav-item-dropdown text="Lang" right>
						<b-dropdown-item href="#">EN</b-dropdown-item>
						<b-dropdown-item href="#">ES</b-dropdown-item>
						<b-dropdown-item href="#">RU</b-dropdown-item>
						<b-dropdown-item href="#">FA</b-dropdown-item>
					</b-nav-item-dropdown>
				</b-nav>
			</b-collapse>
		</b-navbar>
		<div class="container pt-3 pb-3">
			<router-view></router-view>
		</div>
	</div>

[tmorehouse]

Bootstrap-Vue v1.0.0.beta.x used the beta versdion of bootstrap CSS, not the alpha version.

You need bootstrap 4.0.0.-beta

[tmorehouse]

It all depends on how you are building your project.

If you are not using a build system, you can use script and link tags to pull it in, or if you are using a build system, you need to bring them in as dependencies.