I have a Blazor .Net 8 webb app that uses a Bootstrap 5.3 Offcanvas component as a menu of items that can be selected from. When the user chooses the menu item, I want the Offcanvas component to close automatically.…
I am building a hobby web-page using Bootstrap 5.3.3 and JS DataTables 2.0.5. On the page, I have a table with some players data. In the table i made it so when clicking on some cells a popover is shown…
pseudo border image I want the borders connecting the checkboxes. I tried with pseudo borders, but was having difficulty in setting height as website is responsive for different screens. Can anyone suggest a way to handle it for responsive screens.…
<!-- 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"…
Even though I tried every method it does not seem to override. I tried a lot of different methods like fiddling with CSS but nothing seems to work. I am using bootstrap 5 document.addEventListener("DOMContentLoaded", function() { const notesButton = document.getElementById('notes');…
I have a side-menu of some icons. Upon hovering over the icons, their text displays to the right. I'd like to be able to have the text show up/have the div expand in a smooth sliding transition. Ideally, if possible,…
I'm working on a web project where I need to implement a responsive sidebar that can be toggled using a button in the navbar. I'm using Bootstrap for the layout, and I've encountered some difficulties in achieving this functionality. The…
I am trying to overwrite color values in the navigation bar and just can't get it to work. I must be doing something wrong. I defined the classes active and inactive to change colors in the navigation. index.html <!doctype html>…
Recently I updated jQuery from v2.2.4 to v3.7.1 and Bootstrap from v2.2.2 to v5.0.2 in my ASP.NET Core project. After the update, I'm facing an issue where modal pop-ups are not triggering when buttons are clicked, even though the identical…
I previously asked a question about the Bootstrap 5 navbar here: Adjust navbar height to be smaller and I did receive answers that were helpful. Thank you. I do have a follow-up question: I would like to change the alignment…