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.
Related
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.
I've was thinking on migrating the Bootstrap versions on my site and was looking into my old cdn referrals.
Currently, my site is using Bootstrap 3, linking to maxcdn.bootstrap.com courtesy of bootstrapdocs.com
getbootstrap.com seems to have the latest versions. But the legacy CDNs listed on the site does not even contain the CDNs offered on bootstrapdocs.com(getboostrap.com is missing the CDNs for bootstrap-theme.min.css for the version 3s), on top of using stackcdn(as opposed to bootstrapdocs.com's maxcdn)
bootstrap.com also only seems to offer up to version 3.3.6 while there exist a bootstrap 4 and 5 is currently in the alpha stages.
Why are there 2 sites for the same thing?
I need a fresh download of FA version 4.0.3 as the CMS I use contained a damaged copy. I tried using the latest (4.7.0 at this time), but CSS changes in the .fa selector cause placement issues. I'd like to roll back to 4.0.3 to maintain compatibility until we can do a whole-site regression test for this type of bug once we upgrade.
Instead of complaining in the comments, I'll just drop this in here as a weak answer.
Either you download and stash it somewhere because you need to make changes (and then reference the CSS and other assets in the appropriate way as desribed on the Get Started page) or you use a reference to a CDN in a link to a stylesheet, in which case you can specify the version in the URL.
It sounds like you are doing the former, but you should be sure. Maybe you can just use the CDN link? At any rate, you can fetch 4.0.3 from the GitHub repo
I was able to get a hold of v4.0.3 via the GitHub Releases feature.
Having done that, I discovered that somebody had modified the CSS file in our CMS to add margin-right: 5px -- and it was one of the CMS's developers! Naughty, naughty!
SO, the 'incompatibility' I saw was not between the official, unmodified 4.0.3 and 4.7.0 versions of FA. Sorry about the false alarm! And thanks for your help. :)
In using asp.net I have a scenario where the master page is implementing version 2.2 of BootStrap. But there is some content I'd like to use BootStrap 3.3 for. If I try and upgrade or implement 3.3 over 2.2 in any ways, it breaks some of my code. Any ideas for how to "selectively upgrade" HTML/BootStrap to say, everything that's inside a "Div" tag?
You can do'it realy easy by isolating Bootstrap with LESS, there is a good tuto to do this by "Chris Youderian".
https://formden.com/blog/isolate-bootstrap
Depends on how hacky you want to get. If it's just one feature, just copy the part of the .css from bootstrap 3.3 you want in its own css file and import this css file after the 2.2 version is loaded either in your build script or after your 2.2 version in your tag.
If you have a more specific question about which feature (if you're including js files as well) then we'll have to dig deeper.
Warning: You have to be careful with what you're overwriting from the 2.2 as it can break other css parts. And as #DavidG pointed out, I would avoid doing this entirely.
I needed to use use both bootstrap 3 and 4 on my project as a plugin which was written with bootstrap 3 looked terrible in bootstrap 4.
Tried to follow advice in the link shared in Hicham's answer. Couldn't get it to work. But following the cue, did some stuff manually and it worked. It took me 2hrs to finish step 4 though.
Steps:-
Download preferred bootstrap 3 version from https://blog.getbootstrap.com/archive
Put it in custom css folder (or anywhere else) in your project.
Add its link in your header
(CAREFUL with this step) Prepend '.b3 ' without quotes to every selector in the downloaded bootstrap version using ctrl-H command. This will take a long time considering mistaken conversions. (e.g - Conversion of "ol" selector to ".b3 ol" results in conversion of the word "control" to "contr.b3 ol" which needs to be reversed.
Put all your contents which require bootstrap 3 inside a div tag with class="b3"
Done.
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.