I am full new in angular. I have to create content something like this However, I am unable to come up with the solution and also not able to find the exact solution. This is how my output is looking…
I've been trying to create a button that shows some input fields when clicked using jQuery (latest version 3.7.1) and it works just fine. However, when I add the tags <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> to…
I am writing a login form and do some functions and code about if the password is validated it will redirect to dashboar file. I chatgpt it but nothing is fix, I hope you help with this kind of problem…
I need a <a href="#" class="link-one">Link</a> outside nav-tabs to activate a tab-panel/tab-content using Bootstrap 5. Basically, how can I simplify this? // show relevant Bootstrap tab from a outside link click $('.link-one').on('click', function(){ $('#tab-one-pane').addClass('show active'); $('#tab-two-pane').removeClass('show active'); $('#tab-two').removeClass('active'); $('#tab-one').addClass('active'); });…
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…
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…
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>…
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"…
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…
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?…