So my pageheader is looking something like this:

I have built a virtual directory where users can change file / directory names.
Names can only be changed with a double click:

On some resolutions there are white areas where the navbar and a container are not filling the screen completely.

I’m having an issue with Bootstrap transitions not working properly on my navbar. Here’s what I’m experiencing:

I am trying to have the same effect with floating labels on <select> elements as on <input> elements, where the label is large and centered in the control until a value is entered.

<!– Nav Bar –> <nav class=”navbar navbar-expand-lg navbar-dark”> <a class=”navbar-brand” href=””>tindog</a> <button class=”navbar-toggler” type=”button” data-bs-toggle=”collapse” data-target=”#navbarTogglerDemo02″> <span class=”navbar-toggler-icon”></span> </button> <div class=”navbar-collapse collapse ” id=”navbarTogglerDemo02″> <ul class=” head navbar-nav ml-auto “> <li class=”nav-item”> <a class=”nav-link” href=”#footer”>Contact</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”#pricing”>Pricing</a> </li> <li class=”nav-item”> <a class=”nav-link” href=”#cta”>Download</a> </li> </ul> I tried to change date-toggle and […]

I have a bootstrap 5 page that uses vertical navs and tabs alongside.

This code is working fine in web view but when i open this page in mobile, navigation collapse/expand is not working.