Błąd Panel logowania

Coś się zepsuło z panelem logowania. Właściwie nie wiem za bardzo nawet kiedy. Pomyślałem że może coś mi popsuły css od tego profilu, ale po usunięciu na chwilę całego kodu nic się nie zmienia.
Wygląda to tak:
   

A jak powinno to chyba nikomu pokazywać nie muszę.

---

Problem powoduje skrypt od profilu - bootstrap. Pytanie tylko czemu i co z tym zrobić?

<a href="{$mybb->settings['bburl']}/member.php?action=login" data-toggle="modal" data-target="#signinModal" class="login">{$lang->welcome_login}</a>

<div class="modal" id="signinModal" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <form method="post" action="{$mybb->settings['bburl']}/member.php">
      <input name="action" type="hidden" value="do_login">
      <input name="url" type="hidden" value="">
      <input name="quick_login" type="hidden" value="1">
          <div class="modal-header">
            <h5 class="modal-title">{$lang->login}</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <dl class="row">
              <dt class="col-sm-3"><strong>{$login_username}</strong></dt>
              <dd class="col-sm-9">
                  <label>
                      <input name="quick_username" id="quick_login_username" type="text" class="form-control initial_focus">
                  </label>
              </dd>
              <dt class="col-sm-3"><strong>{$lang->password}</strong></dt>
              <dd class="col-sm-9">
                  <label>
                    <input name="quick_username" id="quick_login_password" type="password" class="form-control">
                    <a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a>
                  </label>
              </dd>
              <dt class="col-sm-3"><strong>{$lang->remember_me}</strong></dt>
              <dd class="col-sm-9">
                  <label>
                    <input name="quick_remember" id="quick_login_remember" type="checkbox" value="yes" class="checkbox" checked>
                  </label>
              </dd>
            </dl>
          </div>
          <div class="modal-footer">
            <input name="submit" type="submit" class="btn btn-primary" value="{$lang->login}">
          </div>
      </form>
    </div>
  </div>
</div>

Robione pod najnowszą wersję bootstrapa, a ty używasz 3.3.7, więc może wymagać edycji.

Po podmianie w "zbadaj element" nic się nie wyświetla. Jaki jest ten najnowszy bootstrap? To spróbuję go dodać zamiast tego 3.3.7
Tylko żeby mi potem profilu nie wywaliło XD
Do profilu inny bootstrap, do panelu logowania inny : P

https://getbootstrap.com/docs/4.0/gettin.../download/

No tak... po wrzuceniu tego:
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js">
bootstrapa nie działają zakładki w profilu....
Za to działa normalnie panel logowania..

Co teraz?

Nie najlepsze rozwiązanie, ale możesz w headerinclude zostawić najnowszy, a w szablonie profilu - ten stary.

No niby działa

To już lepiej ładować jedynie w profilu użytkownika ten 3.3.7, a stronę główną zostawić tak jak było skoro go wcześniej nie używałeś i w sumie nie jest ci on potrzebny tam.
Jeszcze lepszym rozwiązaniem jest przystosowanie kodu - możesz nawet kopiuj/wklej z dokumentacji lub z neta gdzieś.

Co do samego bootstrapa 4 - pamiętaj, że jest on jeszcze w becie.

Czyli tego 4 lepiej w ogóle z headerinclude wywalić? No dobra. W sumie działa i tak nawet bez niego.
Dzięki za pomoc