diff --git a/templates/app/client/components/directives.module.js b/templates/app/client/components/directives.module.js
index 5a00076b7..c4034fa32 100644
--- a/templates/app/client/components/directives.module.js
+++ b/templates/app/client/components/directives.module.js
@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { CollapseModule } from 'ng2-bootstrap';
+<% if(filters.uibootstrap) { %>
+import { CollapseModule } from 'ng2-bootstrap';<% } %>
 
 <%_ if (filters.uirouter) { -%>
 import { UIRouterModule } from 'ui-router-ng2';<% } %>
@@ -17,7 +18,7 @@ import { OauthButtonsComponent } from './oauth-buttons/oauth-buttons.component';
 @NgModule({
   imports: [
     CommonModule,
-    CollapseModule,
+  <% if(filters.uibootstrap) { %>CollapseModule,<% } %>
     AuthModule,
     <%_ if (filters.uirouter) { -%>
     UIRouterModule,<% } %>
diff --git a/templates/app/client/components/navbar/navbar.html b/templates/app/client/components/navbar/navbar.html
index 7d5eabea4..05302297b 100644
--- a/templates/app/client/components/navbar/navbar.html
+++ b/templates/app/client/components/navbar/navbar.html
@@ -9,7 +9,7 @@
       </button>
       <a href="/" class="navbar-brand"><%= lodash.slugify(lodash.humanize(appname)) %></a>
     </div>
-    <div [collapse]="isCollapsed" class="navbar-collapse collapse" id="navbar-main">
+    <div <% if(filters.uibootstrap) { %>[collapse]="isCollapsed"<% } %> class="navbar-collapse collapse" id="navbar-main">
       <ul class="nav navbar-nav">
         <li *ngFor="let item of menu" <% if(filters.uirouter) { %>uiSrefActive="active"<% } else { %>routerLinkActive="active"<% } %>>
             <a <% if(filters.uirouter) { %>uiSref="{{item.state}}"<% } else { %>routerLink="{{item.link}}"<% } %>>{{item.title}}</a>