Html – Account creation modal with bootstrap 5
I went online and some research on how i could make my sign up modal pop up once someone presses the signup button n my navbar, however i was unable to come across any information on how to do that.…
Can't display content in the middle of an HTML page
I have an HTML page created with HTML, Javascript and CSS. There is a left vertical nav-bar on the page but I can't display content (text) in the center of the page (see screenshot - can't get text to be…
Css – 2×2 Boostrap grid, with 100vh, and each cell with vertical overflow auto
I'm trying to create a grid with 100% height and the following appearance: The second row should fill the remaining vertical space, even if contents of cells C & D are too short. Furthermore, if the contents of row D…
Html – Navbar not exiting the container
I am trying to make a hero container that have a navbar that will looks like part of the hero container, i want the navbar to be sticky so when i scroll it will be on top the whole time…
Html – Why Set marginRight ( element.style.marginRigth= xxx) not working?
I am setting margin-right of a div on window resize using javascript. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> function marginFunction(){ let cardd= document.querySelector(".maincard"); var stle = cardd.offsetWidth; let circle=document.querySelector(".card_circle"); var ml=(400-stle)/10; circle.style.marginRight =…
Html – How can I arrange the buttons from the Nav element evenly with more space between them?
I want the buttons arranged evenly with more space. Of course in the end it should be responsive. I tried to arrange the buttons with bootstraps "d-flex" but it doesn't work. Oh and if you look at my bootstrap col's…
Html – How to retrieve carousel image and captions and opening it up as a modal upon click using Javascript
I am trying to implement a carousel that opens up the image with the associated caption in a modal when the user clicks on the image. So far, I am able to open up the image but not able to…
Javascript – Importing bootstrap into nextjs – document is not defined
I am trying to import bootstrap 5.3.2 (not react-bootstrap) into a NextJS 14.1.0 project that uses new the new App Router. I would like to use individual BS components programmatically (not via data-attrs). I got it to work but (I…
Html – Remove Margin(vertical) between rows in bootstrap
I want to remove ugly verical spacing between bootstrap rows below: The code is: <div class="outerbox container-fluid vw-100"> <div class="row vw-100 justify-content-center"> <div class="col-6 col-md-7 " style=" background: rgba(255, 255, 255, 0.45); box-shadow: 0 8px 32px 0 rgba(31, 38, 135,…
Html – How do I include my image within a Bootstrap Accordion so it sits within accordion-item
I am having problems with a Bootstrap Accordion. It functions fine, but when i attempt to load an image <img src="https://placehold.co/600x400" class="img-fluid" /> within an accordion-item <div class="accordion-item"> it does not fit within the area, like the text does. I've…