Using FontAwesome 4.0 with Bootstrap 2.x - Still possible? - font-awesome

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!!!

Related

Bootstrap class functionality

I'm new to Bootstraps. What does the bg-3 or bg-4 class do? I'm quite confused on this class.
Here is the code
bg-4
They're not Bootstrap classes. They are just normal classes, which appear i.e. in W3Schools tutorials, but like in this example, styles are defined in code and they're not from Bootstrap.
I don't know where you are using it but as far as I know it is in bootstrap 4 alpha versions. Hopefully they don't change it in the stable version.
I'd suggest you to go for the earlier stable version of bootstrap.
If you still want to know about it, I found a link. This may help you out.

Upgrade from Bootstrap 3.1.0 to 3.3.7

I am thinking about upgrading the bootstrap files for my site. Is there any major changes in classes that I need to be aware of or is going to be mostly just a plug and play situation? The site has about 200 pages and I'm hoping that it is just a matter of updating the files.
You can't face any major issue by replacing old files with new bootstrap files. Feel Free to Replace Old version with newer version. In 3.* series, bootstrap just fixed the bugs and makes very small changes in the bootstrap 3. So don't worry about this.

Why don't we have col-xs-offset-* classes in Bootstrap-3?

I read in twitter bootstrap-3 docs that it doesn't support col-xs-offset-* classes. This doesn't seem in line with mobile first. Is there a good reason for it? I thought they could be useful.
I read this issue report on github but couldn't find any sutitable justification.
3.0.1 (released 10/29 http://blog.getbootstrap.com/2013/10/29/bootstrap-3-0-1-released/) does have the col-xs-offset-* classes..
https://github.com/twbs/bootstrap/issues/9689

Icon list for Font Awsome 3.2

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.

Font Awesome 4.0.0 Missing Icons

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/