Skip to content

Commit

Permalink
fix basic style bootstrap 4 upgrade
Browse files Browse the repository at this point in the history
  • Loading branch information
heralight committed Nov 4, 2018
1 parent 4ee0e74 commit c0700e9
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 33 deletions.
10 changes: 6 additions & 4 deletions src/client/app/components/app.component.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
<app-header></app-header>
<div class="row">
<div class="col-md-12">
<router-outlet></router-outlet>
<div class="container">
<div class="row">
<div class="col-md-12">
<router-outlet></router-outlet>
</div>
</div>
</div>
</div>
57 changes: 28 additions & 29 deletions src/client/app/components/header/header.component.html
Original file line number Diff line number Diff line change
@@ -1,30 +1,29 @@
<nav class="navbar navbar-default">
<div class="container-fluid">
<div class="navbar-header">
<a [routerLink]="nav.root.link" class="navbar-brand">{{nav.root.title}}</a>
</div>


<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li *ngFor="let section of nav.sections">
<a class="nav-section" [routerLink]="section.link" mat-ripple>
{{section.title}}
</a>
</li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown" appDropdown>
<a class="dropdown-toggle" role="button" mat-ripple>
Manage <span class="caret caret-clean"></span>
</a>
<div class="dropdown-menu">
<mat-nav-list>
<mat-list-item>Save Data</mat-list-item>
<mat-list-item>Fetch Data</mat-list-item>
</mat-nav-list>
</div>
</ul>
</div>
</div>
</nav>

<nav class="navbar navbar-light bg-light navbar-expand-md">
<a [routerLink]="nav.root.link" class="navbar-brand">{{nav.root.title}}</a>
<div
class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li *ngFor="let section of nav.sections" class="nav-item">
<a class="nav-section nav-link" [routerLink]="section.link" mat-ripple>
{{section.title}}
</a>
</li>
</ul>
<ul class="nav navbar-nav ml-auto">
<li class="dropdown nav-item" appdropdown>
<a class="dropdown-toggle nav-link" role="button" mat-ripple>
Manage <span class="caret caret-clean"></span>
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Action</a>
<mat-nav-list>
<mat-list-item>Save Data</mat-list-item>
<mat-list-item>Fetch Data</mat-list-item>
</mat-nav-list>
</div>
</li>
</ul>
</div>
</nav>

0 comments on commit c0700e9

Please sign in to comment.