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 14: / Ligne 25: @@
 If you are using bootstrap-sass, add the following to ''_variables.scss'':
-<code sass>$icon-font-path: '../node_modules/bootstrap-sass/assets/fonts/bootstrap/';</code>
+<code sass>$icon-font-path: '../node_modules/bootstrap-sass/assets/fonts/bootstrap/';
+//changer les couleurs de base de Bootstrap
+$primary: #e83e8c;
+$warning: #fd7e14;
+$danger: #dc3545;
+</code>
 In ''styles.scss'' add the following:
@@ Ligne 21: / 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