Is it a good idea to upgrade big project written with bootstrap 4 to 5 version? Or does it require global changes in every file?
I have just updated my project but almost everything stopped to work:
Dropdowns
Accordeons
and so on
So the question is: Is it a common problem and everyone has the same issues? Or did I do something wrong?
And if a lot of files written with bootstrap 4 - should I change almost each of them?
A key update includes Bootstrap no longer depends on jQuery but will rely on vanilla JavaScript moving forward, with dropped support for Internet Explorer 10 and 11. Bootstrap is also sporting a brand new logo to give the old B in a rounded square a small upgrade.
Before you take a step and migrate from Bootstrap 4 to Bootstrap 5, please remember that Bootstrap 5 is in alpha version at the time of this writing so some changes from the code and updates are anticipated until the release of the first beta version. It’s recommended to always check the open issues and pull requests on their official GitHub repository for open questions and feedback.
There are materials in the internet on how to convert a html template/website into a Drupal theme for versions 6,7 (Including this).
But I could not find anything which helps me to convert a website into Drupal 8 theme. Is there any reference link which helps me to start ?
There are articles for sure, but maybe you are searching for wrong terms? "Converting" isn't the best description. You should build new D8 theme. I.e. check on this article:
https://www.weebpal.com/blog/how-create-drupal-8-theme-scratch
recently was released new version of Font Awesome 4.0. That's great! But is there any way how to get the list of icons for previous version 3.2?
I'm still using it and i cant remember all icon names. :) And also I can't upgrade to 4.0 or at least not now. Thanks in advance.
They're here: http://fortawesome.github.io/Font-Awesome/3.2.1/icons/
I really think this should be linked somewhere on v4 site.
Also read upgrade guide with full list of changed names.
I see lots of documentation talking about FontAwesome 4.0 and Twitter Bootstrap 3.0 (Less/Sass) - but nothing regarding Bootstrap 2.x or the issues of trying to get them to work...
Anyone had an attempt at this already? The new class names ring alarm bells..
Thanks!
I've just upgraded from FontAwesome 2.x to 4.0 using Bootstrap 2.x and it does work.
Had to do a substantial find and replace to convert the "icon-something" to "fa fa-something" class names.
The 'font' folder is now 'fonts' although I'm unsure if that was a change in FontAwesome v3.x or 4.0.
A fair few of the icon names have changed but I guess it's just one of those (annoying) things.
I'd love to understand the reasoning for it.
Upgrade guide listing changes: https://github.com/FortAwesome/Font-Awesome/wiki/Upgrading-from-3.1.2-to-4
I have it working with BS 2.3.2 seems fine. But the class has changed from icon-name to fa fa-name. God knows why!!!
Is it just me or there are actually icons in FontAwesome 3.x.x that are missing from FontAwesome 4.0.0? If so, this definitely makes FontAwesome much less awesome for me...
For example, I can't seem to find the equivalent to icon-remove (there is no fa-remove, or fa-delete as far as I can tell).
Having to rename all icon references in my application is annoying enough. Not being able to reproduce what was possible in 3.0 is really, really bad.
Not being able to access v3.x cheatsheet and other documentation any more: unacceptable!
icon-remove is renamed to fa-times in v4.0.0.
Quick comparison:
old one
new one
Note that some icons that seem to be missing can be easily constructed using stacking options - I have created an example for icon-remove-sign replaced by fa-times stacked on fa-circle.
Note: As #VaclavElias pointed out, icon-remove-sign is now fa-times-circle. The above is just an example of stacking.
The 4.0.0 release has the same icons as 3.2.1, but the naming conventions and many of the individual icon names have been changed.
You can view a list of changes that Geremia Taglialatela compiled over on the Github wiki for Font Awesome:
Upgrading from 3.2.1 to 4
Also, you can still access the documentation for 3.2.1 here
I wrote a little LESS file that allows the integration of the old names into the new FontAwesome version.
For this is took the list Michał Rybak posted: Upgrading from 3.2.1 to 4.0
If anyone is interested in downloading, you can find it on Github: Download v3 to v4 FontAwesome Integration
--EDITED--
Michal Rybak is actually spot on. You should submit that as an answer. The icon looks exactly the same. Can't believe I missed that.
Though I'd like to point out, in the FA site it says, if you know what it looks like you know the class name in 4.0, It think it looks like a cross, or X. I would have never guessed "times"
--ORIGINAL--
I came here looking for fa-remove as well! That's disappointing. Now it looks like I have to revert back to a previous version after having migrated 2/3rd of my app to the new version.
To answer your point about documentation: The old version can be accessed here:
http://fontawesome.io/3.2.1/
I found the link while browsing through their site and stumbled upon their notice about no IE7 compatibility.
This definitely needs to be linked (atleast) in the footer
I have noticed that the Wikipedia icon is still missing on 4.0 and even 4.3
but this workaround worked for me:
.fa-wikipedia:before { font-family: "Times New Roman", Times, serif; font-weight: 400;
content: "VV"; letter-spacing:-0.45em; margin-right:0.5em; }
http://jsfiddle.net/fLktadyn/8/