load and enable bootstrap framework

This commit is contained in:
Tchama 2022-10-02 00:28:08 +02:00
parent d45908303f
commit 02f8620e24
5 changed files with 18 additions and 3 deletions

View File

@ -0,0 +1 @@
$h1-font-size: 3.5rem; //bigger

View File

@ -1,8 +1,15 @@
// override bootstrap variables
@import "_variables";
// import Bootstrap 5 styles
@import "~bootstrap/scss/bootstrap";
body {
background-color: lightgray;
padding: 5em;
//background-color: lightgray;
//padding: 3em;
div#boum {
background-color: white;
//background-color: white;
padding: 1em;
border: 1px solid grey;
}

View File

@ -1,5 +1,6 @@
twig:
default_path: '%kernel.project_dir%/templates'
form_themes: ['bootstrap_5_layout.html.twig']
when@test:
twig:

View File

@ -5,6 +5,7 @@
"@hotwired/stimulus": "^3.0.0",
"@symfony/stimulus-bridge": "^3.2.0",
"@symfony/webpack-encore": "^4.0.0",
"bootstrap": "^5.2.1",
"core-js": "^3.23.0",
"regenerator-runtime": "^0.13.9",
"webpack": "^5.74.0",

View File

@ -1829,6 +1829,11 @@ boolbase@^1.0.0:
resolved "https://registry.yarnpkg.com/boolbase/-/boolbase-1.0.0.tgz#68dff5fbe60c51eb37725ea9e3ed310dcc1e776e"
integrity sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==
bootstrap@^5.2.1:
version "5.2.1"
resolved "https://registry.yarnpkg.com/bootstrap/-/bootstrap-5.2.1.tgz#45f97ff05cbe828bad807b014d8425f3aeb8ec3a"
integrity sha512-UQi3v2NpVPEi1n35dmRRzBJFlgvWHYwyem6yHhuT6afYF+sziEt46McRbT//kVXZ7b1YUYEVGdXEH74Nx3xzGA==
brace-expansion@^1.1.7:
version "1.1.11"
resolved "https://registry.yarnpkg.com/brace-expansion/-/brace-expansion-1.1.11.tgz#3c7fcbf529d87226f3d2f52b966ff5271eb441dd"