App01

[[oktatas:web:front-end_framework:bootstrap 5|< Bootsrap 5]] ====== Bootstrap testreszabás ====== * **Szerző:** Sallai András * Copyright (c) Sallai András, 2021 * Licenc: [[https://creativecommons.org/licenses/by-sa/4.0/|CC Attribution-Share Alike 4.0 International]] * Web: https://szit.hu ===== Könyvtárszerkezet =====


app01/
  |-app/
  |  |-css/
  |  |  `-app.css
  |  |-scss/
  |  |  `-app.scss
  |  `-index.html
  |-node_modules/
  |  `-...
  |-bs-config.json
  |-package.json
  `-yarn.lock

===== Weblap =====





    
    App01
    


    
        Első alkalmazás

===== Saját Scss ===== Feltételezzük, hogy a Bootstrap telepítve lett az npm vagy a yarn paranccsal a node_modules könyvtárba. A példa kedvéért változtassuk meg a primary színét:


$primary: red;

@import '../../node_modules/bootstrap/scss/bootstrap';

===== Fordítás =====


sass --watch app/sass:app/css

===== Függelék =====


$theme-colors: (
    "primary": navy,
    "secondary": gold
);

@import "../node_modules/bootstrap/scss/bootstrap";