Skip to content

Commit 8b4c29f

Browse files
committed
Update Bootstrap instructions
1 parent b470742 commit 8b4c29f

File tree

5 files changed

+230
-237
lines changed

5 files changed

+230
-237
lines changed

.vscode/launch.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
55
"version": "0.2.0",
66
"configurations": [
7+
78
{
89
"type": "java",
910
"name": "Debug (Launch)",
@@ -21,4 +22,4 @@
2122
"port": 0
2223
}
2324
]
24-
}
25+
}

README.adoc

+4-25
Original file line numberDiff line numberDiff line change
@@ -255,32 +255,11 @@ You can add basic Twitter Bootstrap features to make the app look a bit less dul
255255
$ ./npm install bootstrap@3 jquery --save
256256
```
257257
258-
and update `.angular-cli.json` to add the new content to the app with "root=src". Before:
258+
and update `styles.css` to add the new content:
259259
260-
```
261-
"styles": [
262-
"styles.css"
263-
],
264-
"scripts": [],
265-
```
266-
267-
and after:
268-
269-
```
270-
"styles": [
271-
"styles.css",
272-
"../node_modules/bootstrap/dist/css/bootstrap.min.css"
273-
],
274-
"scripts": [
275-
"../node_modules/jquery/dist/jquery.min.js",
276-
"../node_modules/bootstrap/dist/js/bootstrap.min.js"
277-
],
278-
```
279-
280-
Here's a magic command line to do that:
281-
282-
```
283-
$ cat .angular-cli.json | jq '.apps[0].styles[1] |= . + "../node_modules/bootstrap/dist/css/bootstrap.min.css"' | jq '.apps[0] += {scripts:["../node_modules/jquery/dist/jquery.min.js","../node_modules/bootstrap/dist/js/bootstrap.min.js"]}' > .tmp && mv .tmp .angular-cli.json
260+
.styles.css
261+
```css
262+
@import "~bootstrap/dist/css/bootstrap.css";
284263
```
285264
286265
== Basic Angular Features

0 commit comments

Comments
 (0)