I´am coding a website in Bootstrap 5, and I dont have idea how to correctly make this background (https://postimg.cc/xJymRpVf). Can someone help me please? Here is code of my section. <section class="py-5"> <div class="container"> <div class="row justify-content-center"> <div class="col-lg-9 col-12…
For my project I use bootstrap 5.2 and before like bootstrap 3. In 3 it was possible to open multiple modal like one in front and then open a new one and so on. The window of the modal overlaps…
I want to have a situation where I have the following elements: Left Sidebar Main Content Right Sidebar Extra Content What I am trying to accomplish is: When expanded on larger screens: Have the "Extra Content" line up immediately below…
I wrote code for fullscreen video background in BS5 with "video" tag (video insert from my hosting). And it worked perfectly (screenshot below). Now I want to change video from my hosting to Vimeo. And I changed my code and…
This is all new stuff to me. I'm trying to use Bootstrap template name "Carousel" as my base. I'm using Bootstrap 5.3.2. https://getbootstrap.com/docs/5.0/examples/carousel/ All good so far. But i can't find any documentation on how to have my personal rounded…
Is it possible to add an extra size to react bootstrap? Right now the bootstrap sizes are as follows: WPW Container Max-Width sx < 576px - none sm > 567px - 540px md > 768px - 720px lg > 992px…
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'); });…