Bootstrap 4 added.

This commit is contained in:
smartapant 2016-04-21 17:41:28 +03:00
parent 8691adf9a9
commit 62836727ae
8 changed files with 183 additions and 58 deletions

View file

@ -18,7 +18,7 @@ import {RouterActive} from './router-active';
providers: [ ],
directives: [ RouterActive ],
encapsulation: ViewEncapsulation.None,
styles: [ require('normalize.css'), require('../assets/scss/app.scss') ],
styles: [ require('normalize.css'), require('./app.scss') ],
template: `
<header>
<md-toolbar color="primary">
@ -45,6 +45,37 @@ import {RouterActive} from './router-active';
<router-outlet></router-outlet>
</main>
<table class="table table-inverse">
<thead>
<tr>
<th>#</th>
<th>First Name</th>
<th>Last Name</th>
<th>Username</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1</th>
<td>Mark</td>
<td>Otto</td>
<td>@mdo</td>
</tr>
<tr>
<th scope="row">2</th>
<td>Jacob</td>
<td>Thornton</td>
<td>@fat</td>
</tr>
<tr>
<th scope="row">3</th>
<td>Larry</td>
<td>the Bird</td>
<td>@twitter</td>
</tr>
</tbody>
</table>
<pre>this.appState.state = {{ appState.state | json }}</pre>
<footer>

0
src/app/app.scss Normal file
View file

View file

@ -1 +0,0 @@
@AngularClass

View file

@ -1,13 +0,0 @@
md-toolbar ul {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
width: 60px;
}
md-toolbar li {
display: inline;
}
md-toolbar li.active {
background-color: lightgray;
}

View file

@ -1,20 +1,24 @@
import 'jquery';
import 'bootstrap-loader';
/*
* Providers provided by Angular
*/
import {bootstrap} from 'angular2/platform/browser';
/*
* Platform and Environment
* our providers/directives/pipes
*/
* Platform and Environment
* our providers/directives/pipes
*/
import {DIRECTIVES, PIPES, PROVIDERS} from './platform/browser';
import {ENV_PROVIDERS} from './platform/environment';
/*
* App Component
* our top level component that holds all of our components
*/
* App Component
* our top level component that holds all of our components
*/
import {App, APP_PROVIDERS} from './app';
/*
* Bootstrap our Angular app with a top level component `App` and inject
* our Services and Providers into Angular's dependency injection