Html – I cannot redirect to another page in react
First of all, I apologize for my bad English. I am trying to make a login page, when I press the login button, I want to enter the home page I made with react in the same way, but when…
bootstrap mobile menu stays open in my header.html
I have a separate html file for the header. so my index, where I also have put all the necessary link to work with bootstrap, looks like this: <head> ... <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous"> <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script> <link…
Css – Bootstrap grid incorrect width
I'm new in Boostrap and I'm in a place where I'm not able to move from... I tried many things, checking Boostrap docs, etc., but I need to help. I have the following code: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous"> <style>…
Javascript – Event delegation on non nested elements
I'm using Bootstrap group radio button on which I would like to write event delegation. <div class="btn-group" role="group" aria-label="Basic radio toggle button group"> <input type="radio" class="btn-check" name="btnradio" id="btnradio1" autocomplete="off" checked> <label class="btn btn-outline-primary" for="btnradio1">Radio 1</label> <input type="radio" class="btn-check" name="btnradio" id="btnradio2"…
Css – With Bootstrap 5.3 how to change the max width of a single tooltip
I would like to change the max width of a Bootstrap Tooltip without changing the others. I don't use Sass or SCSS. I try many stuff based on the documentation: tooltip-max-width="300px" bs-tooltip-max-width="300px" data-bs-tooltip-max-width="300px" data-bs-max-width="300px" The Tooltip is initialized in my…
Jquery – Why is my code not working? I want a form to generate a PDF File when the button submit is clicked and a confirmation modal to appear
this is my code I'm new to programming but I was assigned this project. I'm using jquery, js, html2pdf and bootstrap5 what is wrong and what does it need to work? Perhaps is the order of links in the header?…
Html – Bootstrap 5: When i clicked my button, the color changed
Im using bootstrap button, then i changed the color of the button. but when i clicked the button it change to blue, even though i write .btn-primary:active HTML: <button type="button" class="btn btn-primary">My Button</button> CSS: .btn-primary { background-color: #ffa500; border: 1px…
Html – How to make text inside hero image responsive?
I'm trying to build a responsive website using Bootstrap, which is totally new to me. I want to make a hero image with a text inside positioned right in the middle. As my background image resizes, my text just stays…
Html – Draw a colourful line and end with a dot / circle under the text using css
How to draw a colorful line and end with a dot under the text using css like this picture? The underline start with spaces / padding. .underline { text-decoration: underline; text-underline-offset: 10px; display: inline-block; position: relative; padding: 20px 0px; color:…
Html – Tooltip on buttn in navbar
<nav class="navbar navbar-expand-lg bg-purple"> <!--bg-body-tertiary--> <div class="container-fluid"> <a class="navbar-brand" href="#"><img src="queShield1.gif" alt="shield" width="80"></a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link active " aria-current="page" href="#"><strong> <span…