Expansion with Emmet

expanded.html

  		<nav class="navbar navbar-default">
  			<div class="container">
  				<div class="navbar-header"><button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar">
  						<span class="sr-only">Toggle navigation</span>
  						<span class="icon-bar"></span>
  						<span class="icon-bar"></span>
  						<span class="icon-bar"></span>
  					</button><a href="" class="navbar-brand">CynoTool</a></div>
  				<div class="collapse navbar-collapse" id="navbar">
  					<ul class="nav navbar-nav"></ul>
  					<ul class="nav navbar-nav navbar-right"></ul>
  				</div>
  			</div>
  		</nav>

snippet.html

nav.navbar.navbar-default>div.container>(div.navbar-header>button.navbar-toggle.collapsed[data-toggle="collapse" data-target="#navbar"]>span.sr-only{Toggle navigation}+span.icon-bar*3^a.navbar-brand{CynoTool})+div.collapse.navbar-collapse#navbar>(ul.nav.navbar-nav)+(ul.nav.navbar-nav.navbar-right)