I would like to update bootstrap in Sage to 4.6 because I would like to use responsive containers with the container-{breakpoint class} (and other new classes), but apparently what I am doing seems not working.
I changed the bootstrap version in package.json within the theme folder:
"dependencies": {
"bootstrap": "v4.3.1",
to
"dependencies": {
"bootstrap": "v4.6.0",
and ran yarn install. and then yarn build
I had the feeling that this was the only thing to do, but maybe I am wrong.
I can see that node-modules/bootstrap is the right version, but when I try to add the class container-md, the css can’t find this class, so I am wondering if I missed a step.
Could somebody point me in the right direction?
what I am missing or what I can try to do?
thanks @strarsis, I would prefer to keep sage 9.0.9 because in the past I had problems with the 9.0.10 and because I don’t have a lot of time for this new project, I prefer to use a sage version that for me it is safe.
Could you please let me know what I can do in order to update only bootstrap to a new version, from v4.3.1 to ^4.5.3 (or directly v4.6.0)?
what are the steps to update bootstrap to a new version?
as I said I updated the bootstrap version in package.json within the theme folder, and I ran yarn install . and then yarn build but I can’t see the bootstrap new classes that I am looking for Overview · Bootstrap (Responsive containers are new in Bootstrap v4.4.)
I tried to delete the node_modules folder and run again yarn install . and then yarn build but still no luck.
is there an extra step that I missed?
what else I can try to do?
I write how the problem has been solved just in case somebody will have the same “problem” in the future, as soon as I write a new css rule in the css, I can see the new bootstrap classes.
it needed a new css change in order to load the new bootstrap version within the main sage css (maybe a cache issue).