Différences

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

--- langages:angular:outils:ngxbootstrap [2019/01/26 16:15]
jonathan créée
+++ langages:angular:outils:ngxbootstrap [2020/08/18 09:32] (Version actuelle)
jonathan
@@ Ligne 1: / Ligne 1: @@
 ====== Bootstrap & ngx-bootstrap ======
-[[https://getbootstrap.com]]
+[[https://getbootstrap.com]]\\
 [[https://valor-software.com/ngx-bootstrap]]
+===== Installation =====
+==== 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 ====
+Create an empty file ''_variables.scss'' in ''src/''.
+If you are using bootstrap-sass, add the following to ''_variables.scss'':
+<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:
+<code sass>
+@import 'variables';
+@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