Remplacement de l'utilisation d'un <link> pour utiliser Bootstrap

This commit is contained in:
LePainDemi 2023-02-22 15:47:50 +01:00
parent a02139ab58
commit cb16fba6ee
6 changed files with 1629 additions and 26 deletions

View File

@ -7,7 +7,9 @@
"projectType": "application",
"schematics": {
"@schematics/angular:component": {
"style": "sass"
"style": "sass",
}
},
"root": "",
@ -30,9 +32,13 @@
"src/assets"
],
"styles": [
"./node_modules/bootstrap/dist/css/bootstrap.css",
"src/styles.sass"
],
"scripts": []
"scripts": [
"./node_modules/jquery/dist/jquery.js",
"./node_modules/bootstrap/dist/js/bootstrap.js"
]
},
"configurations": {
"production": {
@ -100,5 +106,8 @@
}
}
}
},
"cli": {
"analytics": false
}
}

1631
app/package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -18,6 +18,9 @@
"@angular/platform-browser": "^15.1.0",
"@angular/platform-browser-dynamic": "^15.1.0",
"@angular/router": "^15.1.0",
"@ng-bootstrap/schematics": "^2.0.0-alpha.1",
"bootstrap": "^5.2.3",
"jquery": "^3.6.3",
"rxjs": "~7.8.0",
"tslib": "^2.3.0",
"zone.js": "~0.12.0"

View File

@ -1,7 +1,9 @@
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
const routes: Routes = [];
const routes: Routes = [
];
@NgModule({
imports: [RouterModule.forRoot(routes)],

View File

@ -31,3 +31,5 @@
</div>
</nav>
<router-outlet></router-outlet>

View File

@ -6,7 +6,7 @@
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
</head>
<body>
<app-root></app-root>