All Questions
Tagged with jquery twitter-bootstrap
27,454
questions
0
votes
0
answers
27
views
Rails UJS Remote Form Only Evaluates JS for 2XX Responses but Not 4XX Responses
Was there a change in how JQuery 3 and Jquery 1 handled remote form errors on Rails?
In the past, (Rails 6, Zurb Foundation, Jquery 1), the code below would work. A user would submit a form, they'd ...
0
votes
0
answers
51
views
Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf') in addActiveClass function
I'm encountering a JavaScript error in my web application. I'm getting an "Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')" error on line 2 of vendor.bundle.base....
0
votes
1
answer
65
views
JavaScript Filter Issue with Collapsible Rows in Laravel Blade Template
im relatively new to web development and im encountering an issue with my js code. ive implemented a filter functionality using js in my website but it seems to have interfered with the collapse ...
1
vote
1
answer
44
views
Add/remove element in bootstrap grid using jQuery and prevent deleting the first element
Dynamically adding/removing elements in the bootstrap grid using jQuery works fine, but how can we prevent deleting the first element? Also, I want to add some limitations for adding elements. Can you ...
0
votes
0
answers
53
views
How to Prevent Select2 Dropdown from Moving with Scroll inside a Bootstrap Vue Modal?
I'm working on a project that uses Vue.js and Bootstrap-Vue. Inside a Bootstrap modal, I've integrated a Select2 dropdown. I encountered an issue where the modal wouldn't scroll when the Select2 ...
0
votes
1
answer
43
views
CSS animation is not reaching to last element
I am designing a scenario where I have n number of my team members profile card which is moving from right to left.But currently in my case the animation goes up to 5 cards and then animation getting ...
0
votes
1
answer
55
views
How do I get the link text value to toggle using jQuery?
I have a large block of text with half of the text hidden. I'm using a Bootstrap 5x toggle to show and hide the block of text. This works fine.
However, I am also trying to change the button text from ...
1
vote
1
answer
143
views
Why is Bootstrap Multiselect not working?
I am trying to get Bootstrap Multiselect running but it just doesn't want to function. I already tried everything and just cannot find the issue.
My index.html
<!DOCTYPE html>
<html lang="...
0
votes
0
answers
24
views
How do I put a search filter from a DataTable in a different row?
I want to put a search bar that allows me to filter a datatable but the problem is that I can't have them in separate rows.
I tried to change the ID where I thought it could work but nothing shows in ...
0
votes
0
answers
17
views
bootstrap popup first time hover outside visible area, second time inside visible area
i had a popover issue, when i hover on elements in the lower area of the website, the popover pops up outside the visible area, if i hover the same item a second time the popover is inside the visible ...
0
votes
0
answers
27
views
Initialize bootstrap tooltips after the DOM is modified (Bootstrap Datepicker)
I'm using bootstrap-datepicker to render a calendar control on the page.
When the datepicker control is created, I set the title tag based on some value, so day will have a title attribute set.
After ...
0
votes
1
answer
52
views
Unable to Show/Hide span spinner through Javascript & AJAX?
I'm trying to show and hide a spinner on a submit button of a contact form. While the form is being submitted the spinner should be showed on the button. As soon as the form gets submitted the spinner ...
0
votes
1
answer
79
views
Bootstrap colorpicker not updating value on change
I am making a form using bootstrap, one of the inputs is a colorpicker element.
When users pick a color, the value attribute remains the same.
It seems that value attribute remains to whatever it was ...
0
votes
1
answer
26
views
Bootstrap Modal no longer showing - Jquery in Site Master
I'm working on a .Net Web Pages site using Visual Studio 2015. Yes yes, I know. We use dinosaur technology here.
I had to go back and pull an older version of the code from TFS and now it appears I've ...
0
votes
1
answer
63
views
how to create a function to call the modal pop up?
I want to create several buttons to call different modal popup functions but all I can do is create a function by copying it. Is there a more concise way?
function setSelectedPelanggan() {
// ...
-2
votes
1
answer
332
views
How to open Bootstrap 5 Modal instantly and then load the AJAX content
The Bootstrap 5 Modal does not open until the AJAX Content is loaded. It's a bad UX for my users as users have to wait few seconds for the modal to open after clicking the View button!
So having said ...
0
votes
1
answer
242
views
Open modal / offcanvas with a single button click
I want to open my favorites sidebar with a single click on my keyboard. So when pressing "f" I want the sidebar modal to open. Now it opens like this:
<a href="#" data-bs-toggle=...
0
votes
0
answers
40
views
Issue with FullCalendar 6 eventClick popover positioning
I'm currently working on implementing a FullCalendar 6 with eventClick functionality that opens a popover with additional details about the clicked event. However, I'm facing an issue with the popover ...
-1
votes
1
answer
183
views
Mobile Navigation Menu Not Collapsing in Bootstrap 5.3.0 with jQuery 3.7.0
I am trying that when in mobile view I click on hamburger icon the nav bar list of (Menu, About, Awards and Tel No. ) appears and disappears when clicked again. But nothing is happening whenever I ...
-1
votes
1
answer
138
views
My Toggle Button doesn't get enabled when All other Switch Buttons are Ticked
As you can see in my included JSFiddle here, I am trying to enable a Toggle Button after ticking all other Toggle/switches on, it is definitely working with a Simple Submit Button show there, but not ...
1
vote
2
answers
281
views
Autocomplete typeahead search, using ajax calls troubleshooting
I'm trying to use a text input as a search box, to retrieve search results via ajax calls, using bootstrap typeahead plugin
<form class="form-inline ml-3" action="/phone-autocomplete/...
0
votes
0
answers
127
views
Can't find any way to filter by multiple columns using "bootstrap-tables"
I recently came across "bootstrap-tables" which I like cz of the design options.
Everything works just like the original datatables version, except one of the most important things: being ...
1
vote
1
answer
448
views
bootstrap-select selectpicker can't choose in dropdown-menu
I can't find a way to use the plugin bootstrap-select inside a dropdown-menu.
The select just do not show.
I have added this jQuery not to close the dropdown-menu by clicking in it:
$(document).on(&...
0
votes
1
answer
64
views
When updating Nuget package in asp.net project
I need to update a couple of MS NuGet packages in asp.net project which was developed using Visual Studio. The ones I'm updating are
Microsoft.AspNet.Identity.EntityFramework
Microsoft.CodeDom....
0
votes
0
answers
60
views
built-in inline styles, how do I forcefully change them?
I bought a template that uses bootstrap and jQuery, and I want to customize it. Since it uses jQuery, I think that might have to do with the problem I am facing. I usually divide my question into 2 ...
0
votes
0
answers
29
views
Play video if the modal is open and if the Bootstrap carousel in the modal's first carousel item is video
I have multiple modals and all of them have a Bootstrap 4 carousel which has mix of videos and images. I am looking to auto play the video if the first carousel item has video. Everything is working ...
0
votes
1
answer
75
views
Validating billing address form using jquery plugin before payment
I have HTML form for billing address and created unique ID for each form field, but problem its not validating correctly, it must first check when fields are empty before proceed to next page. Below ...
1
vote
1
answer
31
views
My dropdown menu will not display the given list items given the following code
I can't figure out why the dropdown menu will not display the list items given the following code. The dropdown button should display the three list4ed items on a click. I'm using Bootstrap and the ...
0
votes
1
answer
120
views
jQuery can not get backdrop & keyboard working
I am trying to disable background once a popup is open. I have tried a lot of stuff from here and other places. Everything else is working with no problem.
// HAVE TRIED ALL OF THESE NONE WORK
//
// ...
1
vote
1
answer
565
views
Bootstrap Table Error with Webpack: Cannot set properties of undefined
I am trying to use the BootstrapTable library with Webpack. It seems related to how Jquery is being handled, but I am not 100% sure.
I am getting the following error (before I even try to add in any ...
0
votes
0
answers
160
views
How to fix Uncaught TypeError: g is undefined on bootstrap datepicker
How to fix error Uncaught TypeError: g is undefined on bootstrap datepicker? I tried to make date picker using bootstrap-datepicker lib and I stuck on this error
What makes me confused is that in ...
1
vote
1
answer
190
views
jQuery datepicker month select box opens and closes immediately inside Bootstrap modal
I've encountered a conflict between Bootstrap's modal and jQuery UI datepicker where I can't use the month select box because something closes it immediately after being open.
Steps to reproduce:
...
-2
votes
1
answer
333
views
Bootstrap dropdown - trigger by external button
I am using Bootstrap 5 dropdowns. I need the button that triggers the dropdown to open to live outside of the parent element (under A). How can I do it via Jquery or JS?
<div class="A">...
1
vote
2
answers
152
views
Give numbers with vertical line to list items in responsive way (HTMl & CSS)
I want to create a list using HTML & CSS shown as below:
Expected Output:
But getting below output.
Actual Output:
As you see, the line is collapsing on text and numbers. I want text besides of ...
0
votes
0
answers
41
views
how to make the cards all default to the same size with bootstrap? [duplicate]
I'm trying to make these cards the same sizes. In bootstrap, this problem is usually solved with h-100 as shown below, but I still didn't get it.
Now follow all the code below to get a better idea
...
0
votes
1
answer
316
views
Wordpress block template not allowing bootstrap to control responsiveness
I am creating a Wordpress block theme. I want to allow Wordpress styling on all of its built in blocks; however, the blocks I am creating in my theme, I want to remove Wordpress styling and allow ...
0
votes
0
answers
35
views
Display dynamic contents in 3-column layout in HTML integrating editor
I am unknown to the CSS world. I need to integrate a Markdown editor (SimpleMDE) in an app.
Since I want the preview to be available all the time and side by side, I have added some JavaScript to ...
1
vote
1
answer
48
views
Open same modal window from different places on a HTML page without using id
I am working on my first javascript project.
I am trying to open the same modal window and its contents from multiple places on an HTML page.
My code only works for the first button of the page and ...
-2
votes
1
answer
32
views
Bootstrap time is disappear after appear
My CSS is like below.
<link rel="stylesheet" type="text/css" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<...
0
votes
1
answer
31
views
How to smooth collapse effect for collapse impacted element in Bootstrap 3
I made a collapsible layout using Bootstrap 3.
The problem is the impacted-element doesn't have a smooth move-down effect like the move-up.
How can I make it move down slowly like move up?
Here is my ...
0
votes
0
answers
45
views
How to solve the conflict of Bootstrap and jQuery?
If I load jQuery, the tab of bootstrap will not work, if I stop the jQuery load, it will work well.
How to fix it?
<div class="container">
<div class="row">
...
-1
votes
1
answer
75
views
Call JQuery bootstrap events parameters
When I call an event using jquery, how can I know that the function has parameters or not, and what can I parse to those parameters. Example
$("#id").on('show.bs.modal', function () { });
$(&...
0
votes
0
answers
48
views
How to set active class on my list menus and submenu
I tried this to my code given below is not working on me... once I click the anchor the page will load then the active class is set to default. I want to set the list active and submenu too using ...
0
votes
0
answers
12
views
how to properly download bootstrap files and use them in my project [duplicate]
I downloaded the compiled bootstrap files and then used both bootstrap.min.css and bootstrap.bundle.min.js and then I called both of them inside my HTML page,
here is how the bootstrap.min.css files ...
0
votes
0
answers
189
views
Hide specific variant image from catalog gallery but display on click in Shopify?
This is my shopify catalog product page: https://example.com/products/dummy-product
I want to hide variant images from catalog gallery but want to display if user on click to any variant see the ...
0
votes
2
answers
553
views
Bootstrap 5 Dropdown Clickable Parent URL
I am trying to make a Bootstrap 5 Navabar with the dropdown to show on hover and the parent to be clickable on screens over 992px.
I have got the show on hover to work fine with the following ...
0
votes
1
answer
243
views
Issue with loading jquery after bootstrap
I tried to research before asking here, but I coun't find any answers. Just for context, I'm using old version of bootstrap v2.0.2. I doubled checked if my paths are correct, and they are.
This is ...
0
votes
0
answers
81
views
Autocomplete is not a function error jinja template with bootstrap
I am trying to create an autocomplete function for the following jinja template in jquery derived from base.html.
Jinja template:
{% extends "base.html" %}
{% block title %}Renter ...
1
vote
0
answers
38
views
How to show Initial content of Bootstrap Modal
I would like to show content of $('.modal').find('.modal-content').html($('.modal-content').eq(0).html()); on modal at initial stage always when click on "#plan_templates" button.
But I am ...
-1
votes
1
answer
227
views
Bootstrap Nested List Group shows both items in the Tab Content
I am trying to create a page navigation feature in HTML using the Bootstrap List-group class.
How the feature should work:
When I click Home, show link 1 only, and when I further click Link 1, show ...