hm, ne uplne to chapu. U CSS zalezi na poradi trid, podle toho prepisuje vlastnosti.
Fixed-top by melo fungovat asi stejne jako position:absolute. Pokud ne, tak si tam pridej tridu a dej ji position:absolute; Koukam, ze ma primo position-absolute class, takze nemusis pridavat vlastni :)
BT tam ma jeste sticky.
https://getbootstrap.com/…rs/position/
https://getbootstrap.com/…es/position/
Ja to obvykle delam tak, ze si udelam jednoduchy web pomoci BT a nejake spesl chovani si tam definuji pres vlastni class. Pac je to rychlejsi, nez zjistovat, zda to BT umi nebo ne :)
jeste bys mohl pouzit nav-tab, pripadne drop-down
https://getbootstrap.com/…s/navs-tabs/
https://getbootstrap.com/…ents/navbar/#…
https://getbootstrap.com/…s/navs-tabs/#…
<ul class="nav nav-tabs">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Active</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" href="#" role="button" aria-expanded="false">Dropdown</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">Action</a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
<li><a class="dropdown-item" href="#">Something else here</a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#">Separated link</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Link</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" aria-disabled="true">Disabled</a>
</li>
</ul>