feat(css): update bootstrap css to latest (#4999)

* update: update bootstrap css to latest

* fix(schematics): add only tested ver of bootstrap css

package.json

@@ -108,7 +108,7 @@
     "@types/node": "10.0.8",
     "@types/tapable": "1.0.2",
     "@types/webpack": "4.1.6",
-    "bootstrap": "4.1.1",
+    "bootstrap": "4.2.1",
     "chai": "4.1.2",
     "classlist-polyfill": "1.2.0",
     "codecov": "3.1.0",

schematics/src/ng-add/index.ts

@@ -26,13 +26,14 @@ import { hasNgModuleImport } from '../utils/ng-module-imports';
 
 const bootstrapStylePath =  `./node_modules/bootstrap/dist/css/bootstrap.min.css`;
 const datePickerStylePath =  `./node_modules/ngx-bootstrap/datepicker/bs-datepicker.css`;
+const datepickerComponentName = 'datepicker';
 
 /* tslint:disable-next-line: no-default-export */
 export default function (options: Schema): Rule {
   return chain([
     addPackageJsonDependencies(),
     installPackageJsonDependencies(),
-    !options.component || options.component === 'datepicker'
+    !options.component || options.component === datepickerComponentName
       ? addStyles(options, insertCommonStyles)
       : addStyles(options, insertBootstrapStyles),
     options.component
@@ -88,12 +89,12 @@ function addModuleOfComponent(projectName: string | undefined, componentName: st
 function addPackageJsonDependencies(): Rule {
   return (host: Tree, context: SchematicContext) => {
     const dependencies: { name: string; version: string }[] = [
-      { name: 'bootstrap', version: '4.1.1' },
-      { name: 'ngx-bootstrap', version: '3.0.1' }
+      { name: 'bootstrap', version: '4.2.1' },
+      { name: 'ngx-bootstrap', version: '^3.1.4' }
     ];
 
     dependencies.forEach(dependency => {
-      addPackageToPackageJson(host, dependency.name, `^${dependency.version}`);
+      addPackageToPackageJson(host, dependency.name, `${dependency.version}`);
       context.logger.log('info', `✅️ Added "${dependency.name}`);
     });