Can i use both bootstrap 3 and bootstrap 4 in same html file for different-different divs in a webpage .if yes how to do this

Question

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>bootstrap3 &bootstrap4 in same html file</title>
  </head>
  <body>
    <div class="bootstrap3">
       some code here which require bootstrap3 css files
    </div>
    <div class="bootstrap4">
       some code here which requires bootstrap4 css files
    </div>
  </body>
</html>

i have problem in this section so please help me out to solve this

i m doing a project with a team.i made a html page using bootstrap 3 and others are using bootstrap 4.i hv to use their header.and if i add their bootstrap4 header stick to top and change color feature is not working....please help me out here — Nitish Singh
i m doing a project with a team.i made a html page using bootstrap 3 and others are using bootstrap 4 --> are you sure it's a team ? because a team is supposed to discuss and share before coding — Temani Afif
Or, instead of putting effort in getting this short term solution, do it right and update to BS4? — Martijn
Please try to upgrade to bootstrap 4 (getbootstrap.com/docs/4.0/migration) or get them to downgrade to bootstrap 3, using both in a project will get very messy. — scagood

Logan Logan · Accepted Answer · 2018-03-19T14:10:04

I believe the quick answer is No, for a number of reasons.

Note, While I believe you're talking about CSS, you don't exactly state whether you're talking about the CSS of bootstrap or the JS of bootstrap, or both.

Regardless, surely both bootstrap 3 and 4 both have styles and JS functions with the same names, and would surely conflict - or just be overwritten. (The last thing loaded usually overwrites the previous thing loaded).

Secondly, a little comment here about cooperation.
The team should standardize on what to use, not go in different directions on something like this. ("Too many chefs in the kitchen" comes to mind.) There should be a serious talk / debate (not argument ) about the pluses and minuses of which bootstrap to use. I acknowledge, that there are perfectly valid reasons not to use Bootstrap 4 (that's another story), but honestly - just because something is the latest thing, doesn't mean you HAVE to use it, and there are many more examples and "best practices" of Bootstrap 3 out there, at this point in time.
Regardless,I'd suggest that your team stay focused on solving the current problem at hand, IMHO.

Can i use both bootstrap 3 and bootstrap 4 in same html file for different-different divs in a webpage .if yes how to do this

4 Answers