Bootstrap и его табы: ЧПУ ссылки

Столкнулся с проблемой. Табы от бутстрап работают на статических страницах (index.php,contact.php), а на динамических (post.php) - нет. Не нашел готовых решений в интернете. Буду рад, если поможете.

<ul class="nav nav-tabs" id="myTab" role="tablist">
  <li class="nav-item">
    <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Profile</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" id="contact-tab" data-toggle="tab" href="#contact" role="tab" aria-controls="contact" aria-selected="false">Contact</a>
  </li>
</ul>
<div class="tab-content" id="myTabContent">
  <div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="home-tab">...</div>
  <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">...</div>
  <div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">...</div>
</div>

https://getbootstrap.com/docs/4.4/components/navs/

.htaccess

RewriteEngine on
RewriteRule ^(index|contact|registration)$ $1.php [NC,L]
RewriteRule ^post/(\d+)$ post.php?p_id=$1 [NC,L]

табы не переключаются, меняются лишь адреса:

/post/1898#home
/post/1898#profile
/post/1898#contact