In the example below, I have defined Flexbox instead another Flexbox. For box 1, 2, and 3, I want them to stay on the right of box A (e.g. in desktop browser), and only shows them below box A if…
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…