CODEWITHSUNDEEP
angularbootstrap-4
Chubini
Chubini

Reputation: 115

How to fix Bootstrap-3 and Bootstrap-4 difference problems?

I'm learning Angular with a little-bit old tutorial because instructor uses bootstrap 3.3.7 and at the present time I've downloaded bootstrap 4.4.1 version with which I cannot follow instructor and implement some futures (glyphicons).

Can I install the old version of bootstrap in particular project- to follow the instructor to the end of course? Or can I somehow with other way fix this problem - I mean: fix the differences in bootstrap versions?

Sorry for bad English and many thanks in advance!

Upvotes: 2

Views: 1018

Answers (2)

Alfred
Alfred

Reputation: 719

There are no breaking change from bootstrap 3 to 4 so there shouldn't be any difference but in the scope of doing a tutorial I would switch to bootstrap 3 to make sure I have exactly the same result as the author.

It limits the amount of uncertainty and will make for a better learning experience : when something goes wrong you can focus on your code instead of wondering if it's because of the bootstrap version you're using.

Depending on your package manager :

with npm

npm install [email protected] --save --save-exact

with yarn

yarn add [email protected]

This will replace your current bootstrap version

Upvotes: 1

mahan
mahan

Reputation: 14995

Bootstrap 4 is a major rewrite of boostrap-3. There are some notable changes. Therefore, I think you should include all of boostrap-3 resources in your project and follow you instructor. Otherwise, you may use a lot of time configuring the differences. Later on, you can easily migrate. This links may help you.

If you use bootstap-3, you need to remove bootstrap-4 from your html file.

In case, you stick to bootstrap-4. You can use icons like font-aswesome, featericon, and bootsrap-4 icons, because bootstrap-4 has dropped Glyphicons. This guides help you how to use icons.

Upvotes: 0

Related Questions