How to downgrade bootstrap version to 3.3.7 in laravel 5.6?

Published 2 months ago by frumentius

As straightforward as the title is, I need my laravel project, twitter bootsrap to be downgraded to version 3.3.7 how to do that?

I've searched in the forum, the only answer I could found was to change the bootstrap devDependencies in package.json, but that simply did not work.

Please help. thank you.

mvd
mvd
2 months ago (26,350 XP)

Hi Frumentius,

After you changed the package.json file, did you rebuild the packages?

frumentius

I don't know how to rebuild the package, what I did was, I just changed the package.json file, then run npm install with cmd in my project folder, thats all.

36864
36864
2 months ago (59,420 XP)

You need to recompile your assets. Run npm run dev or npm run prod for development or production environments, respectively.

Resin

Try installing it specifically

Run this from the terminal

npm install <package>@<version> --save --save-exact
mvd
mvd
2 months ago (26,350 XP)

@frumentius, yes 'npm install' needs to be enough. But what do you mean with 'did not work' ?

You can check the boostrap version in /node_modules/bootstrap/package.json

frumentius

I've just tried 36864 answer and cmd return error File to import not found or unreadable: ~bootstrap/scss/bootstrap in C:\wamp\www\tcbs\resources\assets\sass\app.scss maybe because unlike bootstrap 4, bootstrap 3 do not have that path.

And for Resin answer, doing that is the same with what i was doing changing the package.json file an runnig npm install.

So still not solving the problem.

36864
36864
2 months ago (59,420 XP)

As the error clearly states, you'll also need to change your scss/app.scss files to change any reference to bootstrap to the 3.3.7 equivalent. In this case, it would be bootstrap-sass I believe.

frumentius

hi @mvd, what I mean it didn't work is because after I run the npm install and check the /public/css/app.css it didn't change to bootstrap 3, while if changing between 4.0.0 to 4.1.1 or vice versa after running npm install, the /public/css/app.css also changed accordingly. an simply testing making a view, when I refresh the browser, from the apperance you can tell it is still bootstrap 4.

frumentius

hi @36864, there is no sass in bootstrap 3.3.7 folder, bootstrap 3 use '.less', and I've tried changing the path in /resources/assets/sass/app.scss from @import '~bootstrap/scss/bootstrap'; to @import '~bootstrap/less/bootstrap.less'; but cmd still return the same error after rerun npm run dev

36864
36864
2 months ago (59,420 XP)

I wouldn't expect sass to be able to import less files, at least not directly.

At this point I'm not entirely sure what you're trying to do. Do you want to use bootstrap with less or sass? Are you even using less or sass at all?

frumentius

No, before you stated "change your scss/app.scss files to change any reference to bootstrap to the 3.3.7 equivalent, it would be bootstrap-sass I believe."

So I searched for scss or sass file, but there is none, instead I found a less file, so I tried to change the path to the less file and run npm run dev but still got the same error "File to import not found or unreadable:"

36864
36864
2 months ago (59,420 XP)

You didn't answer my questions.

Are you trying to use the less version of bootstrap or the sass version?

bootstrap 3 used less as default, but there's a bootstrap-sass package to offer a sass version, which is what was used by laravel before the upgrade to bootstrap 4. This is not included in the bootstrap package.

frumentius

I don't know about sass or less, never use both of them, what do you suggest to use, in order to achieve my goal (to use bootstrap 3.3.7 in laravel 5.6)

Cronix
Cronix
2 months ago (642,650 XP)

If you're not really using less/sass, why even bother with webpack? Just download the css and js files from the bootstrap site, put them in your /public dir, and link to them in the head of your template. Or just reference them on a cdn and don't store locally.

frumentius

Hi @cronix, but isnt that redundant to have two active bootstrap in my project, I am thinking of replacing the default bootstrap which is version 4 to version 3, so that the version 4 completely gone from my project.

Is it possible to simply just copy bootstrap 3 CSS code, and paste it in the content of /public/css/app.css? But then one should also replace the js file which I don't know where default bootstrap.js file placed in laravel folder structure. Is it inside the /public/js/app.js (which I highly doubt)?

Please sign in or create an account to participate in this conversation.