Используйте пакет с bootstrap 4 внутри проекта webforms с bootstrap 3

---

У меня есть старый проект webforms, использующий bootstrap 3, и я начинаю создавать новые implementantios с React JS.
Я создаю bundle.js (транспиляция моего основного индекса папки React pages) и выполнение этого пакета на странице веб-формы:

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <section >
        <div id="app">
        </div>
    </section>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="PageScripts" runat="server">
    <script src="React/dist/bundle.js" type="text/javascript"></script>
</asp:Content>

Проблема в том, что мои скрипты Reacts используют Bootstrap 4, и когда они визуализируются, происходит некоторое слияние между двумя версиями bootstrap.

У кого-нибудь есть идея, как я могу изолировать div или страницу только с версией 4 и сохранить 3 для старых страниц?

Что я уже пробовал:

Я пытался использовать стили SASS и LESS для создания CSS-тега, чтобы применить версию 4 только для div, но безуспешно.

<section class="bootstrap-iso">
      <div id="app">

      </div>
  </section>

И стиль СКС :

.bootstrap-iso {
    @import url("https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css");
}

---

  all: unset;

  all: initial;