I am developing chrome extension for e-gym that generates confirm window for using chrome browser after every one hour. I have developed chrome extension but the confirm window is only appearing on popup.html. I want to turn on my extension let it generate window.confirm on any tab that I am using currently a…
Tag: bootstrap-5
Programmatically toggle Bootstrap 5 collapse component
I’m using a boostrap 5 “collapse”, using the data attributes approach. It works as expected. I can click the button to collapse/expand the collapsible items. The docs state I can toggle the state manually, like so: However that fails, as getInstance returns null. Strangely, if I click the co…
Table inside Card.Body overflows in react-bootstrap
I am trying to create responsive table with space for a row details section inside a card using react bootstrap. I have coloured the different sections in different colours so it is easier to see what is going on. For some reason the card body overflows the card by a little. If I remove the Card.Body height i…
Bootstrap 5 navbar not changing background color on scroll?
Yes, I have checked the other posts. I didn’t have this issue when building normal html/css/js project but I need bootstrap for this project and I think it is interfering somehow with my script, but I do not know how. On scroll, I want color to change from transparent to x. I also want to change all nav…
Modal close button is not working despite the on() function
whenever I click my “show more” button my modal pops up however when I click my X button on the left corner it doesn’t close like I expect it to. It does respond to clicking outside of the box and the “esc” key. I believe the issue is happening on modalClose.on() but everything l…
How to connect internal Bootsrap 5.2 with laravel 7
Hey i still learning laravel framework and i try to connect my bootstrap v.5.2 with my laravel v.7 project but it cant connect, i store css and js folder on bootsrap folder in the same level as app, config, database public, etc. and i already tried to connect it with the code: but it still cant connect? Answe…
Is it possible to adapt a data filter to a defined grid so that all images appear in col-12 or at a specific size?
i have this good loking box grid However, after adding a data filter and toggling between filters, the images appear in the same exact location and size as the grid that I designed. Is it feasible to have a data filter that displays all filtered images in one size? this is my grid code Is it possible to achie…
Bootstrap-select won’t drop down when clicked in ASP.NET web application
I am building an ASP.NET web application, and I am having serious trouble getting bootstrap-select to work properly. I have looked at other posts on SO on this, and nothing seems to fix the issue, so I’m hoping I can get some help today. The web application uses a master page, which contains the followi…
Full Page Layout with Bootstrap and Vue 3
I’m trying to create a Single Page Application with a simple layout of Header -> Content -> Footer using Vue3 and the Bootstrap 5 framework. I am trying to get the Content to fill the space between header and footer and footer to flush to the bottom of page & content so there is no overlap. Ho…
How can I add animation to Bootstrap dropdowns?
How can I add animation to the dropdown? I assume by modifying popperConfig, but how? At the moment dropdown-menu has a generated inline style, e.g. position: absolute; inset: 0px auto auto 0px; margin: 0px; transform: translate3d(0px, 40px, 0px); Of course I can just add transition: translate .3s ease to it,…