I'm trying to create a social media type feed like LinkedIn where each div element is a carousel that displays images just like a social media feed. In JS, based on the response from API I dynamically create the following…
I am trying to build reusable dropdown with latest jQuery 3.6.1 and Bootstrap 5.2.3 but it has proven difficult. I need to dynamically update the dropdown's links with values from data attributes specified on the button that was clicked. I…
I am trying to get my mega menu on top of the carousel but it hides behind it. I don't know how to make it show on top.This is before adding carousel. This is after adding carousel from bootstrap. Mega…
I have a problem with make dropdown menu and submenu with bootstrap on Vue 3 and bootstrap 5.2 There is my json menu data: [ { "id": 1, "name": "Menu 1", "active": 1, "created_at": "2022-11-20T03:27:47.000000Z", "updated_at": "2022-11-20T03:27:47.000000Z", "sub_menus": [ {…
When the More button is clicked, it should NOT expand and collapse. If the accordion initial state is open, it must stay open even if button is clicked, if initial state is collapsed then after the more button the accordion…
I am not very well versed in HTML and CSS. I am currently building a website and I integrated a sidebar into my web application using Bootstrap, but it has messed my layouts, and I can't seem to figure out…
I'm using tooltips from Bootstrap 5 along with Advanced Custom Fields in Wordpress. I currently have it set up like this. <button data-bs-toggle="tooltip" data-bs-placement="right" data-html="true" data-bs-sanitize="true" title='<?php if (get_sub_field('desc')): ?><?php the_sub_field('desc'); ?><?php endif; ?>'>tooltip title</button> The first issue was it…
I'm using a while loop to populate tabs with PHP. If I assign active while it's in the loop then they are all active. This much I understand. If I only want the first item / tab to have the…
I'm using bootstrap 5, and I would like to fade in/out a particular div element. jQuery has a nifty function called fadeToggle() for doing this exact thing, so I thought I might use it. The expected behavior is: div element…
I have used bootstrap 5 form validation method for my forms. https://www.w3schools.com/bootstrap5/bootstrap_form_validation.php I have tried pattern attribute with input elements <div class="row"> <input type="text" class="form-control" id="abc_input" name="abc_input" required="" autocomplete="off" pattern=".*S+.*"> <div class="invalid-feedback">Please provide a valid input value</div> <div class="valid-feedback">Looks good!</div>…