Header.html Markup for Meteor Book

before-header.html

<template name="header">
  <header class="navbar">
    <div class="navbar-inner">
      <a class="brand" href="/">Microscope</a>
      <ul class="nav pull-right">
        <li>{{loginButtons}}</li>
      </ul>
    </div>
  </header>
</template>

rendered-header.html

<header class="navbar">
    <div class="navbar-inner">
      <a class="brand" href="/">Microscope</a>
      <ul class="nav pull-right">
        <li><div id="login-buttons" class="login-buttons-dropdown-align-left">
       
        <div class="nav-collapse">
    <ul class="nav pull-right">
      <li id="login-dropdown-list" class="dropdown">
        <a class="dropdown-toggle" href="#" data-toggle="dropdown">Sign In / Up <strong class="caret"></strong></a>
        <div class="dropdown-menu" style="padding: 20px; padding-bottom: 20px;">   
      
    <label id="login-email-label" for="login-email">Email</label>
    <input id="login-email" type="email">
  
    
      
    <label id="login-password-label" for="login-password">Password</label>
    <input id="login-password" type="password">
  
    <button class="btn btn-primary" id="login-buttons-password" type="button">
      
        Sign in
      
    </button>
    
        <button id="signup-link" class="btn" type="button">Create account</button>
      
      <div>
        <a id="forgot-password-link">Forgot password</a>
      </div>  
        </div>
      </li>
    </ul>
  </div>
      
    
  </div></li>
      </ul>
    </div>
  </header>