AngularJS stuff I'm just not getting my head around

gistfile1.txt

doctype 5
html(lang="en", ng-app="blaze-control-panel")
  head
    title 'Blaze Control Panel'
    meta(name="viewport", content="width=device-width, initial-scale=1.0")
    link(href="css/bootstrap.css", rel="stylesheet", type="text/css")
    link(href="css/bootstrap-responsive.css", rel="stylesheet", type="text/css")
    link(href="css/app.css", rel="stylesheet", type="text/css")
    script(src='js/lib/jquery-1.8.0.min.js')
    script(src='js/lib/underscore-1.3.3.min.js')
    script(src='js/lib/bootstrap.js')
    script(src='js/lib/angular-1.0.1.min.js')
    script(src='js/controllers.js')
    script(src='js/blaze-control-panel.js')
  body(ng-controller='MainController')
    .navbar.navbar-inverse.navbar-fixed-top
      .navbar-inner
        .container
          a.btn.btn-navbar(data-toggle="collapse", data-target=".nav-collapse")
            span.icon-bar
            span.icon-bar
            span.icon-bar
          a.brand(ng-click='setRoute("/home")') Blaze Control Panel
          .nav-collapse.collapse
            p.navbar-text.pull-right
              a.navbar-link(target='_self', href='/auth/google') Sign in with Google
            ul.nav
              li.dropdown.active
                a(data-toggle="dropdown") Ad Sources
                ul.dropdown-menu
                  li.active
                    a(ng-click='setRoute("/scenarios")') Scenarios
              li.dropdown.active
                a(data-toggle="dropdown") Campaigns
                ul.dropdown-menu
                  li.active
                    a(ng-click='setRoute("/orders")') Orders

    .container
      div('ng-view')
        block content

And I can confirm that the problem is Bootstrap.

If I put a link outside of the .navbar div, it works perfectly.