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
Related
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.
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/
I started to use Bootstrap 3 recently and I was thinking to set myself a workflow. To make my work faster I want to use HTML5 Boilerplate. I've found out that I can get a custom build of H5BP which comes with Bootstrap. This is kinda cool but I have a few questions about it:
There isn't any license file in the file I downloaded. Not for Bootstrap, not for Normalzr, not even for H5BP itself. Considering I'm gonna use them in a commercial project, is this appropriate?
Can I delete local Bootstrap files in H5BP and replace them with CDN?
Is there something you would recommend to read or get familiar with before I start using them? (Could even be about setting a workflow).
Thank you for your help.
i found this license https://github.com/h5bp/html5-boilerplate/blob/v4.3.0/LICENSE.md (MIT license) more about the license of Bootstrap (Apache 2 license ) you will find here: http://getbootstrap.com/getting-started/#license-faqs. You can use both in commercial project without any problem
Why not? jQuery and Modernizr also load from CDN. Keep in mind jQuery and Modernizr have a local fallback. You will have such a fallback for Bootstrap too maybe. Also see: IE8 issue with Twitter Bootstrap 3
Read the docs of Bootstrap, HTML5 Boilerplate documentation, etc. To answer question about your workflow be more specific. How do you use the HTML5 Boilerplate? Build every site from from scratch? Do you use a temaplate engine or cms? etc.