When i want to close my navbar, the navbar is very slow to disappear. Here is the code HTML <!-- logo --> <div class="logo"> <img src="assets/logo.png" alt="logo g's shop"> </div> <i class="ri-menu-line" id="menu-icon"></i> <!-- nav --> <ul class="nav nav-pills nav-fill…
It seems like my js function doesen't work properly. Every time i remove the class "d-none" from an element, it becomes visible for like 1 second and then disappears again. Function to make appear and disappear the element: function acquistaCrediti()…
I have to add an location icon in the placeholder of a label in react. <label> Places <input className="p-2" type="text" placeholder="Places of the Package" ></input> </label> chatgpt said that following code <label> Places <div class="input-group"> <input type="text" class="form-control" placeholder="Places of…
I have a Bootstrap template that I'm using for a React app. Inside the template, there's this piece of JS that's supposed to make the header sticky on scroll. It works in pure HTML, but when I move the header…
So, this is a tricky question, and I found no certain answer online. Here is what I want: Imagine this setup in the Html file: <div class="main"> <div class="holder holderA"></div> <div class="holder holderB"></div> <div class="holder holderC"></div> <button type="button">press me</button> </div>…
I am currently using a Bootstrap "loading" style progress bar to indicate the progress of a survey. The progress bar code looks like this: html <div class="progress" style="height: 20px;"> <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div> </div> However, I…
How can i put a nav that uses half of the screen on the left side and that on the right side i can scroll down without the nav moving What I'm trying to get is something like the images…
I am new to this topic. Following a tutorial on the internet about HTML/CSS/Bootstrap. I would like to move the navbar to the right hand side (top) of the page, see below what I expect is to see bar the…
I want to create a full screen modal with Bootstrap 4 that uses scrollspy for scrolling the content within the body. I have the fullscreen aspect working (see below). What I fail to do, however, is to properly make the…
In the script below I am simulating a stepper and I'm using row and col. It looks more or less good. However, if the page is use on wide screens (eg. lg and xl) the space between the steps is…