As Bootstrap nears releasing their final version of Bootstrap 3 they will continue to roll out Release Candidates for bug fixing and testing. We have elected to keep as up to date with them as we can under the assumption that release candidates are fairly stable and shouldn’t change too much between now and release. Tuesday they released their next release candidate, RC2. You can read about the full changes at their blog but I’m going to highlight a few of the main things that changed for us.
Default Col is Gone
In RC1 we were using
col- to be the default size for all devices. RC2 has removed this default class. Instead they have added a new
-xs size for really small phones and a
-md, though I think this was in RC1 we just never used it. The best way to do a default size for most devices is now to use to
col-sm-. Use the small version because it works for devices with a screen resolution of ≥768px. This is what most modern devices are using. Anything lower than that will default your spans to be like a
col-12. If you need to make changes for screens smaller than that use
Some little things changed with the navbar. Just quick changes to classes. You’ll need to wrap the mobile navbar header in a div with the class
Large and Small or lg and sm?
To keep consistency throughout Bootstrap they have changed many of the button classes from
button-sm. Form groups is also affected by this change.
Those are some of the main things we found. I’m sure there are plenty of things that are affecting other people. Head over to their blog to read all about it. I’ll update this post if I come across anything else.
EDIT Aug 16 12:06PM
It seems we’ve stumbled upon a bug in their Modal. When a modal is opened and then closed when you reopen it you can’t close it with the x or the close button. They are aware of the issue. Our modals are actually all out of whack and we are looking into that right now which is how we found that bug.
EDIT Aug 16 12:20PM
Modals loaded remotely are being loaded into the
modal and not the
modal-body. To fix this just move all of the divs below the modal into your remote document and that should work for now. It’s an issue they are discussing.
EDIT Aug 19 1:01PM
When you print it uses the
col-xs tag. Make sure to update accordingly.