With Bootstrap v3.x, the User Interface has gone flat, i.e. no more gradients out of the box. Lets not call it as a trend it’s all about customization, folks. This new version comes with the approach of “Mobile First”, meaning that almost everything has been redesigned to start from a lower screen size and scale up. With this release of Bootstrap the explicit responsive module has been removed and it has been integrated as a part of the core.
There are various CSS class difference between Bootstrap v2.x and Bootstrap v3.x and even there are CSS classes which are present in Bootstrap v2.x but not in Bootstrap v3.x. Therefore it is a very tedious and time consuming task to update everything manually with new class names and with new DOM structures to get the look and feel as expected with Bootstrap v3.x. There are also some subtle changes to the names used for responsive utility classes.
NetTantra has developed a unique way to port old Bootstrap 2.x based websites to Bootstrap 3.x without modifying the DOM/HTML. This provides a drop-in CSS code to do a direct migration from BootStrap 2 to BootStrap 3 without rewriting HTML.
Bootstrap 2 to 3 Porter
Project Repository: Click Here
Clone the repository to the stylesheets directory on your document root:
git clone https://github.com/nettantra/bootstrap-2-to-3 /path/to/your/document/root/stylesheets
Just put the following HTML code below the link where you include the Bootstrap 3 CSS Files:
<link href="/stylesheets/bootstrap-2-to-3/dist/bootstrap-2-to-3.css" rel="stylesheet">
For example your HTML should look something like this
<!DOCTYPE html> <html lang="en"> <head> ... ... <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet"> <link href="/stylesheets/bootstrap-2-to-3/dist/bootstrap-2-to-3.css" rel="stylesheet"> ... ... </head> <body> ... ... </body> </html>
Are you planning to upgrade from Bootstrap v2 to version 3 or want some similar web solutions then do not hesitate to contact us at or by filling in the form at www.nettantra.com/contact, we can certainly help you out with it.