Emberjs Blocking Bootstrap Events

Installed 1.13.8 ember (ember cli)

installed bootstrap with bower install --save bootstrap

Went to the application.hbs and pasted the nav-pills example and did an ember server.

And when I click on the nav buttons they don't toggle color, the hover DO work. I tried to paste a glyph to see if that would work and it DID, so I think bootstrap is linked correctly.

<h2 id="title">Welcome to Ember</h2>
<ul class="nav nav-pills">
  <li role="presentation" class="active"><a href="#">Home</a></li>
  <li role="presentation"><a href="#">Profile</a></li>
  <li role="presentation"><a href="#">Messages</a></li>
</ul>
{{outlet}}

should this not work? or does ember block the click events that bootstrap needs?