feat(bootstrap): introduce bootstrap from npm

gulpfile.js

@@ -199,6 +199,10 @@ gulp.task('__postcss', ['__clean:client:css'], function () {
         .pipe(postcss(processors))
         .pipe(gulp.dest(DIST_CLIENT_CSS));
 });
+gulp.task('__cp:client:css:bootstrap', ['__clean:client:css'], function () {
+    return gulp.src(NPM_MOD_DIR + '/bootstrap/dist/css/**/**.@(css|map)')
+        .pipe(gulp.dest(DIST_CLIENT_CSS));
+});
 
 gulp.task('__eslint', function () {
     const src = [
@@ -319,7 +323,7 @@ gulp.task('clean:server', function () {
 
 gulp.task('__build:server', ['__babel:server']);
 gulp.task('__build:client:js', ['__uglify', '__browserify']);
-gulp.task('__build:client:css', ['__postcss']);
+gulp.task('__build:client:css', ['__postcss', '__cp:client:css:bootstrap']);
 
 gulp.task('jslint', ['__eslint', '__tslint']);
 gulp.task('tsc', ['__typescript']);

package.json

@@ -45,6 +45,7 @@
   "license": "MIT",
   "dependencies": {
     "bcrypt-nodejs": "0.0.3",
+    "bootstrap": "^3.3.6",
     "cheerio": "^0.20.0",
     "commander": "^2.9.0",
     "compression": "^1.6.1",
@@ -55,6 +56,7 @@
     "moment": "^2.11.2",
     "option-t": "^0.16.0",
     "react": "^0.14.7",
+    "react-bootstrap": "^0.28.3",
     "react-dom": "^0.14.7",
     "read": "^1.0.7",
     "request": "^2.69.0",

src/client/rize/output/view/RizeAppView.jsx

@@ -25,11 +25,12 @@
 
 /// <reference path='../../../../../typings/main.d.ts'/>
 import * as React from 'react';
+import Button from 'react-bootstrap/lib/Button';
 
 export function RizeAppView() {
     return (
         <div>
-            {'Thé des Alizés'}
+            <Button>{'Thé des Alizés'}</Button>
         </div>
     );
 }

src/server/view/rize/RizeHeader.jsx

@@ -31,6 +31,7 @@ export function RizeHeader() {
             <meta charSet='utf-8'/>
             <meta name='viewport' content='width=device-width, user-scalable=no'/>
             <meta name='referrer' content='no-referrer'/>
+            <link rel='stylesheet' media='all' href='/dist/css/bootstrap.css'/>
 
             <title>{'Project Rize'}</title>