-
-
Notifications
You must be signed in to change notification settings - Fork 2.7k
New issue
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
Support Bootstrap 4 #1135
Comments
When will there be support for bootstrap 4? |
I will make Bootstrap 4 a priority after its first official release. |
The fact that this library doesn't yet support bootstrap 4 forces me to use something else which is very disappointing because it is such a nice implementation. |
@cubitworx Indeed, deal breaker 😢 |
Yes, i needed bootstrap v4 support in several month ago, too. Here is a "very simple", just working patch: bootstrap-select.js:
My bootstrap-select source is from 15. dec 2015. source lines are not valid now, of course. I vote for bootstrap v4 support too, because i have a huge need, too. But my patch seems to work for my needs, it's not tested in detail. I use a very small feature set of the plugin. |
Bootstrap 4 is still in alpha, meaning anything can be changed at any time. It also means that nobody should be using it in a production environment. Once it moves to beta I'll take a closer look as to what's required to support it. |
For my application I use the filtered select/multiselect using bootstrap-select 1.12.1: I got filtered select/multiselect working with v4 by adding the following css to my own custom css:
You may be able to get a temporary fix for your use case by simply adding your own css to your css file. |
What would be great is to be able to tweak it without having to fork the project. |
https://github.com/rodrigo-martins/bootstrap-select.git Hi guys, I made a small changes in dist/js and dist/css for my application and it is working Okay. I didn't check if it is working for full compatibility on bootstrap 4. PS.: Fontawesome are requered for multselect -Inserted dropdown-item on <li> and <a> elements Best regards |
Using this ... @jtesch patch + fix for btn-default /*
Make bootstrap-select work with bootstrap 4 see:
https://github.com/silviomoreto/bootstrap-select/issues/1135
*/
.dropdown-toggle.btn-default {
color: #292b2c;
background-color: #fff;
border-color: #ccc;
}
.bootstrap-select.show>.dropdown-menu>.dropdown-menu {
display: block;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden{
display:none;
}
.bootstrap-select > .dropdown-menu > .dropdown-menu li a{
display: block;
width: 100%;
padding: 3px 1.5rem;
clear: both;
font-weight: 400;
color: #292b2c;
text-align: inherit;
white-space: nowrap;
background: 0 0;
border: 0;
}
.dropdown-menu > li.active > a {
color: #fff !important;
background-color: #337ab7 !important;
}
.bootstrap-select .check-mark::after {
content: "✓";
}
.bootstrap-select button {
overflow: hidden;
text-overflow: ellipsis;
}
/* Make filled out selects be the same size as empty selects */
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
display: inline !important;
} |
I've submitted a new pull request here #1748 that works with the Bootstrap4 alpha-6, which you can install as follows. |
Hello Everyone, just replace your link and script tags with these to use @infostreams's version with Bootstrap v4-alpha6: <!-- bootstrap-select -->
<link rel="stylesheet" href="https://cdn.rawgit.com/infostreams/bootstrap-select/fd227d46de2afed300d97fd0962de80fa71afb3b/dist/css/bootstrap-select.min.css" />
<script src="https://cdn.rawgit.com/infostreams/bootstrap-select/fd227d46de2afed300d97fd0962de80fa71afb3b/dist/js/bootstrap-select.min.js"></script> |
Works great! |
Hi all,
I don't think it's wise to link directly to the files in my pull request. Referencing them within a package.json is one thing, but referencing them in production code is quite another. What if I decide to delete the pull request once (if ever) it gets merged? That your site then breaks is not on me :-)
Cheers,
Ed
… On 11 Aug 2017, at 04:19, Joseph Orbegoso Pea ***@***.***> wrote:
Works great!
—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub, or mute the thread.
|
True. Download the files asap and host in your own project |
FYI bootstrap 4 is in beta: https://getbootstrap.com/ |
@treaves I don't think |
Well, I was following the yarn docs. Regardless, even without the '/head', I still get 'no matches found: #1748' |
Hello @treaves, 1748 is not a commit that exists. Look at the pull request's commits tab and use an existing commit number. |
FYI Bootstrap 4.0 official release will land today. It was announced in one of the Bootstrap Github issue. |
Sorry for the delay, guys! Hopeful it could be next week (Jan 22-26). |
Hi all, adding the following |
Hope for tomorrow! |
I'd be happy to be surprised! :) (apologies to Casey) |
I thought 1.13 at this year Jan between 22-26.. 👎 |
Have you an idea about when Bootstrap v4 support will be added? |
I guess I'm puzzled about where dev for this project happens? The v1.13.0-dev branch doesn't have any activity for 6 months. |
@caseyjhol Any idea yet? |
@caseyjhol Checking daily but no news about b4 support.. |
This is the only thing holding me back from a BS4 rollout. I'm very excited for bootstrap-select to gain BS4 compatibility, but we all have to understand that it's a volunteer project. On that note, though, are there any forks supporting BS4? I looked around a little but didn't find any good working ones. |
@Undo1 have you tried the patch that I provided (just scroll higher), it works good for me. It's not 100% functional but it might be around 90% there, so it's that far off. |
Yep. I definitely appreciate the developer's efforts as this is a volunteer project. I am just hoping to hear of a timeline on BS4 support so that I can plan accordingly if possible. |
Was having issues with this myself! No patches above worked :( BUT this worked: http://select2.org/ |
Bootstrap 4 support has been added as a part of v1.13.0-beta, available here: https://github.com/snapappointments/bootstrap-select/releases/tag/v1.13.0-beta. Please post any issues in that repo from now on. |
I will be waiting for the non beta version, thanks. |
@krystyna93 Or you could help the rest of us test it so that it gets out of beta more quickly. |
@tomalakgeretkal that is true. |
That is interesting, because I have a similar issue when the text is too short, the tick icon overlaps the text!.. Anyway of fixing this behaviour when the text is short ?? |
why new repository? |
Bootstrap 4 support has officially been added in v1.13.0! |
Bootstrap 4 (currently alpha) has a simplified
.dropdown-menu .dropdown-item
syntax.http://v4-alpha.getbootstrap.com/components/dropdowns/
There's also no longer a requirement for the markup to be
ul
+li
elements, so the dropdown menu can be simply adiv.dropdown-menu
container witha.dropdown-item
items inside.The text was updated successfully, but these errors were encountered: