I am able to create progress bar with Bootstrap. I want those numerical values to be displayed below the progress bar but not inside, something like this: How can we achieve this? Do I need to use any JavaScript graphing…
When hovering over the arrow-icon of the button, for one moment, the text on the right side appears and the arrow-icon changes back to the chevron-icon. It seems like the "mouseout" event fires, even though I'm still hovering over the…
I receive some elements, and I want to insert some elements in a page. These elements can be "small" or "big". I cannot know in advance how many elements I will receive, or their order. If they are "small", I…
I want to view multiple articles on a page. I used Bootstrap 5 cards to make it look great. Everything worked out fine as I wanted, but the only thing which bothers me is that the read more link is…
I'm trying to create a new toast via javascript using the bootstrap 5 toasts so basically I searched everywhere and nothing showed up, I do not want to toggle or trigger an existing toast, all I want is to create…
Im trying to make a Shopping Cart using php and Bootstrap 5. I specified the classes but the items still stacks vertically. I want it to be beside each other and align Horizontally <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">…
I'm using a fresh installation of Laravel Framework 9.43.0. Bootstrap and jQuery are working fine, except voor tooltip(). It's giving me this error: Uncaught TypeError: $(...).tooltip is not a function I tried a lot of different combinations of importing JS…
At a beginner level I am trying to make a frontend page that has a header and a footer on all pages. Each page can have an identical header and footer. In the header, I'd like to add a Bootstrap…
I am working on a Blazor project in which I am using Bootstrap; which, of course, requires jQuery and Popper for the tooltips and popovers to work. Originally, I just "manually" downloaded the required files: jQuery Popper Bootstrap (css and…
https://codepen.io/MohamedSamehAhmed/pen/NWMVaEb On the page, I have three buttons to open the drop-down menu, and the problem is that only the first works and the rest does not HTML Code: <nav class="nav-bar"> <div class="logo"> <a href="#">Logo</a> </div> <ul class="nav-links"> <li><a href="#">Home</a></li>…