GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.
Join GitHub todaySign up
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking âSign up for GitHubâ, you agree to our terms of service and privacy statement. Weâll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversationcommented Oct 30, 2013
Compatible with Twitter Bootstrap 2.3.3
referenced this pull request Oct 31, 2013Closedtwitter bootstrap theme #107commented Sep 14, 2014
commented Sep 15, 2014
commented Sep 16, 2014
commented Jan 3, 2015
commented Feb 5, 2015
commented Feb 6, 2015
commented Feb 7, 2015
Bootstrap 3 support
commented Aug 28, 2015
Save button bug fixed
commented Feb 15, 2017
commented Jan 18, 2018â¢
edited
Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.
Join GitHub todaySign up
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking âSign up for GitHubâ, you agree to our terms of service and privacy statement. Weâll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Commentscommented Dec 1, 2012
commented Dec 5, 2012
commented Dec 6, 2012
commented Dec 6, 2012
commented Dec 7, 2012
commented Apr 3, 2013
commented Apr 3, 2013
commented Apr 5, 2013
commented Apr 5, 2013Compatible Bootstrap And Jquery Ui Tutorial
commented Apr 5, 2013
referenced this issue Apr 12, 2013Closedconflict with bootstrap.js #42commented Apr 30, 2013
commented Jun 26, 2013
commented Dec 20, 2013
commented Jan 11, 2014
commented Jan 11, 2014
commented Jan 11, 2014
commented Jan 11, 2014
commented Jan 11, 2014
commented Jan 11, 2014
commented Jan 11, 2014
commented Jan 11, 2014
commented Feb 3, 2014
commented Feb 5, 2014
Is it possible that these 2 (both are newest versions) aren't compatible?(In the snippets: The local files are the newest versions, the online retrieved files are older versions)Is there anything I can do to use both locally?
These snippets work:
Snippet 1:
Snippet 2:
This snippet doesn't work:
I've tried them with this dropdown menu:
ParthannunParthannun
3 Answers
Right Now Bootstrap 3.3.7 are Updated and jquery jquery-3.1.1 are well working for me. Not showing a single error in my console or anywhere.So I think you can use updated bootstrap.
Bootstrap say to set JQuery version to 1.9.0 or higherLink
Bootstrap 3.3.7 support jQuery version 3 and above
Get more information in Github Issue Link
Wasif Ali
74311 gold badge99 silver badges2424 bronze badges
MD AshikMD Ashik
Bootstrap 3 is not compatible with jQuery 3.0 and above at the moment. So latest version of jQuery that can be used with Bootstrap 3 is 2.2.4.
Although, some reported that it works with jQuery Migrate.
You can check this discussion for more info.
Update
Like MD Ashik reported, latest Bootstrap versions work well with jQuery 3+
jakobjakob
2,81433 gold badges1818 silver badges3333 bronze badges
Because jQuery 3.0 is still in alpha test, so it needs time to compatible with Bootstrap 3. Y
Nguyen Manh TungNguyen Manh Tung
Not the answer you're looking for? Browse other questions tagged jquerytwitter-bootstrapdrop-down-menucompatibility or ask your own question.
I am using Twitter Bootstrap and I want to use an 'auto-suggest' which is not available in Bootstrap, whereas jQuery UI has its own methods for auto-suggest.
Can I use both? Will it overload the bandwidth?
BryanH
4,35033 gold badges3030 silver badges4646 bronze badges
Sanket SahuSanket Sahu
4,96477 gold badges3838 silver badges5757 bronze badges
13 Answers
Check out jquery-ui-bootstrap. From the README:
Twitter's Bootstrap was one of my favorite projects to come out of 2011, but having used it regularly it left me wanting two things:
The ability to work side-by-side with jQuery UI (something which caused a number of widgets to break visually) The ability to theme jQuery UI widgets using Bootstrap styles. Whilst I love jQuery UI, I (like others) find some of the current themes to look a little dated. My hope is that this theme provides a decent alternative for others that feel the same. To clarify, this project doesn't aim or intend to replace Twitter Bootstrap. It merely provides a jQuery UI-compatible theme inspired by Bootstrap's design. It also provides a version of Bootstrap CSS with a few (minor) sections commented out which enable the theme to work along-side it.
Sam DolanSam Dolan
25.7k77 gold badges7474 silver badges7878 bronze badges
just to update this, bootstrap v2 no longer conflicts with jquery ui
Edit: as @Freshblood there are a few things that still conflict. However, as originally posted Twitter suggests that they are working on this and it largely works, specially compared to v1.
guettli
4,0312626 gold badges153153 silver badges311311 bronze badges
EonasdanEonasdan
5,86566 gold badges4545 silver badges6868 bronze badges
For future reference (since this is google's top answer ATM), to prevent jQuery UI from overriding bootstrap's or your custom style, you need to create a custom download and select the
no-theme theme. That will only include jQuery UI's resets, and not overload bootstrap's style for various elements.
While we're at it, some jQuery UI components (such as datepicker) have a native bootstrap implementation. The native bootstrap implementations will use the bootstrap css classes, attributes and layouts, so should have a better integration with the rest of the framework.
T0xicCodeT0xicCode
2,98622 gold badges2121 silver badges4141 bronze badges
In my limited experience I am coming across issues as well. It appears that JQuery elements (such as buttons) can be styled using bootstrap CSS. However, I am experiencing issues having created a JQuery UI tab and wanting to lock a bootstrap only input (using the input-append class) to the bottom of each tab, only the first sits correctly. So, JQuery tabs + Bootstrap buttons = probably not.
fluxcapacitorfluxcapacitor
Bootstrap still doesnt work with Jquery UI, for example the modal.Bootstrap has nice style but as a framework with Twitter behind isnt that good.
Lucian PovatanuLucian Povatanu
If you're running into javascript namespace collisions, you can use Bootstrap's
noConflict() function make it cede functionality to jQuery UI.
user1618143user1618143
Although this question specifically mentions jQuery-UI autosuggest feature, the question title is more general: does bootstrap 3 work with jQuery UI? I was having trouble with the jQUI datepicker (pop-up calendar) feature. I solved the datepicker problem and hope the solution will help with other jQUI/BS issues.
I had a difficult time today getting the latest jQueryUI (ver 1.12.1) datepicker to work with bootstrap 3.3.7. What was happening is that the calendar would display but it would not close.
Turned out to be a version problem with jQUI and BS. I was using the latest version of Bootstrap, and found that I had to downgrade to these versions of jQUI and jQuery:
jQueryUI - 1.9.2 (tested - works)
jQuery - 1.9.1 or 2.1.4 (tested - both work. Other vers may work, but these work.) Bootstrap 3.3.7 (tested - works)
Because I wanted to use a custom theme, I also built a custom download of jQUI (removed a few things like all the interactions, dialog, progressbar and a few effects I don't use) -- and made sure to select 'Cupertino' at the bottom as my theme.
I installed them thus:
For those interested, the CSS folder looks like this:
cssyphuscssyphus
24k1010 gold badges6464 silver badges8383 bronze badges
If don't store it locally and use the link that they provide you might have an improved performance.The client might have the scripts already cached in some cases. As for the case of jQueryUI i would recommend not loading it until necessary. They are both minimized, but you can fire up the console and look at the network tab and see how long it takes for it to load, once it is initially downloaded it will be cached so you shouldn't worry afterwards.My conclusion would be yes use them both but use a CDN
andreiandrei
3,36999 gold badges4444 silver badges6262 bronze badges
Yes you can use both. js bootstrap from twitter is a collection of jquery plugins. There shohuldn't be any conflict with jQuery UI.
Regarding bandwidth overload, it really depends on how you handle the requests to load all of your js files. if you really dont want to make multiple requests to the server to request for each file, just append them together and minimize. Or you probably can get rid of some js bootstrap plugins you dont need. it is very modular.
Benny TjiaBenny Tjia
3,7491010 gold badges3232 silver badges4747 bronze badges
Kendo UI has a nice bootstrap theme here and a set of web UI comparable to jquery-UI.They also have an open source version that works nicely with the theme.
prograhammerprograhammer
11.4k77 gold badges6666 silver badges9292 bronze badges
I have site developed using jquery ui, I just tried to plug in bootstrap for future development and styling but it breaks virtually everything.
So No they are not compatible.
NimChimpskyNimChimpsky
33.8k4646 gold badges173173 silver badges279279 bronze badges
Because this is the top result on google on jquery ui and bootstrap.js I decided to add this as community wiki.
I am using:
and somehow when I include bootstrap.js it disables the dropdown of the jquery ui autocomplete.
my three workarounds:
The is the key to make them work together. You can apply to the elements you want bootstrap to touch but jquery mobile to ignore.like this input type='text' placeholder='Search' data-role='none'
Dinesh KhetarpalDinesh Khetarpal
protected by T JJan 8 '16 at 17:18
Thank you for your interest in this question. Because it has attracted low-quality or spam answers that had to be removed, posting an answer now requires 10 reputation on this site (the association bonus does not count).
Would you like to answer one of these unanswered questions instead? Not the answer you're looking for? Browse other questions tagged jquery-uitwitter-bootstrap or ask your own question.
I want to show two months using bootstrap datepicker. After search on google I am not able to find how to show multiple months using bootstrap datepicker. I found that I can use JQuery UI for displaying multiple months.
But problem is: In my application they are using bootstrap date picker. When I am trying to use JQuery UI datepicker then Bootstrap datepicker override it and I am not able to see JQuery UI datepicker.
Could you please suggest how to replace bootstrap datepicker to JQuery UI?
I wanted to achieve this:http://jqueryui.com/datepicker/#multiple-calendars
T J
33.3k1010 gold badges6161 silver badges114114 bronze badges
ersat.ice37ersat.ice37
6 Answers
This issue can be solved using the
noConflict method of bootstrap-datepicker
You can just do
$.fn.datepicker.noConflict() which replaces the bootstrap datepicker with the older datepicker which was present, in this case jQuery UI.
For those who wants to keep both datepickers, you can do something along the following:
after which you'll be able to initialize jQuery UI datepicker using
datepicker() method, and bootstrap one using bootstrapDP()
Side note: Make sure you load bootstrap datepicker after jquery ui so that we can use it's T JT J
noConflict()
33.3k1010 gold badges6161 silver badges114114 bronze badges
I found that z-index for the jQueryUI calender pop-up was low.
try this
jabu.hlongjabu.hlong
You can use bootstrap and jQuery-UI together with almost no issue if using the datepicker.
At least I had no issue, but I had jQuery-UI working and then applied bootstrap. I recommend that approach.
Here is the jQuery-UI Implementation of datepicker with multiple months.
Now here's my implementation of jQueryUI:
HTML Element:
JS:
As you can see I use class instead of ID because on some pages I use multiple date selectors.
Lager he was removed from the post as ABN ANDHRAJYOTHYâs impact. This channel was launched by Veemuri Radha krishna after the success of Andhra Jyothi news paper. The major achievement of this channel is to expose Andhra Pradesh Governerâs sex scandal. Andhra jyothi old editions.
marcusmarcus
To expand on what vic said, the jQuery UI can be used with Bootstrap but it may not be worth the effort. See this post from SO:
You may find that this datepicker has more options that could give you what you need.. I don't see multiple calendars though: http://eternicode.github.io/bootstrap-datepicker/
I would also consider that the jQuery UI look and feel may look out of place with the bootstrap look and feel, though that's just my opinion.
Communityâ¦
Matthew DoyleMatthew Doyle
you can download a custom jquery-ui script, without to include datepicker module and to change the name of script from jquery-ui.min.js to jqueryuinodatepicker.min.js
Michael MarinMichael Marin
Bootstrap Datepicker conflict with jquery UI datepicker. f you want to use Bootstrap datepicker then try this
This works for me. I hope this will work for you as well :)
For more details: https://bootstrap-datepicker.readthedocs.io/en/master/#no-conflict-mode
Manjunath BilwarManjunath Bilwar
Not the answer you're looking for? Browse other questions tagged jquerytwitter-bootstrapjquery-uijquery-ui-datepickerbootstrap-datepicker or ask your own question.Comments are closed.
|
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |