Différences

Ci-dessous, les différences entre deux révisions de la page.

--- langages:angular:outils:ngxbootstrap [2019/01/26 17:58]
jonathan
+++ langages:angular:outils:ngxbootstrap [2020/08/18 09:32] (Version actuelle)
jonathan
@@ Ligne 6: / Ligne 6: @@
 ===== Installation =====
-<code>ng add ngx-bootstrap</code>
+==== Projet Solo ====
+<code>npm install bootstrap ngx-bootstrap</code>
+ou
+<code>ng add bootstrap ngx-bootstrap</code>
+==== Projet Multi ====
+<code>
+ng add bootstrap ngx-bootstrap --project=app1
+ng add bootstrap ngx-bootstrap --project=app2
+</code>
 ==== Utisisation de Bootstrap avec un fichier _variables.scss ====
@@ Ligne 15: / Ligne 26: @@
 <code sass>$icon-font-path: '../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
-$primary: red;
+//changer les couleurs de base de Bootstrap
+$primary: #e83e8c;
+$warning: #fd7e14;
+$danger: #dc3545;
 </code>
@@ Ligne 23: / Ligne 37: @@
 @import '../node_modules/bootstrap/scss/bootstrap';
 </code>
+==== Imports ====
+Il faut intégrer les modules utilisés dans ''app.module.ts''
+exemple : <code javascript>import { BsDropdownModule } from 'ngx-bootstrap/dropdown';
+...
+@NgModule({
+   ...
+   imports: [BsDropdownModule.forRoot(), ... ],
+    ...
+})</code>

Développement