Install bootstrap

.angular-cli.json

@@ -19,7 +19,7 @@
       "testTsconfig": "tsconfig.spec.json",
       "prefix": "app",
       "styles": [
-        "styles.scss"
+        "assets/css/index.scss"
       ],
       "scripts": [],
       "environmentSource": "environments/environment.ts",

README.md

@@ -12,4 +12,8 @@ Each Pull Request will contain explanation and steps taken to complete a feature
 
 - [Add project on Travis CI](https://github.com/brunolm/angular-how-to/pull/2)
 - [Add code coverage and coveralls integration](https://github.com/brunolm/angular-how-to/pull/3)
-  - [Add code coverage thresholds](https://github.com/brunolm/angular-how-to/pull/4)
+  - [Add code coverage thresholds](https://github.com/brunolm/angular-how-to/pull/4)
+
+## Installing Frameworks and Libs
+
+- [Add Boostrap 4](https://github.com/brunolm/angular-how-to/pull/5)

package.json

@@ -24,6 +24,7 @@
     "@angular/platform-browser": "^4.2.4",
     "@angular/platform-browser-dynamic": "^4.2.4",
     "@angular/router": "^4.2.4",
+    "bootstrap": "^4.0.0-beta.2",
     "core-js": "^2.4.1",
     "rxjs": "^5.4.2",
     "zone.js": "^0.8.14"

src/app/app.component.html

@@ -18,3 +18,10 @@ <h2><a target="_blank" rel="noopener" href="https://blog.angular.io/">Angular bl
   </li>
 </ul>
 
+<div class="container">
+  <div class="row">
+    <div class="col-4">Col-4</div>
+    <div class="col-4">Col-4</div>
+    <div class="col-4">Col-4</div>
+  </div>
+</div>

src/assets/css/index.scss

@@ -0,0 +1 @@
+@import '~bootstrap/scss/bootstrap.scss';