Bootstrap v3.x is a major overhaul, and there are a lot of changes from Bootstrap 2.x. This drop-in CSS system is intended to help you upgrade Bootstrap from version 2.x to 3.x without modifying any HTML. Bootstrap is a front-end development framework for creating desktop and mobile web applications using HTML, CSS and JavaScript. Bootstrap uses JavaScript for some of the components or to provide specific functionality – transitions, modal dialogs, tooltips, alerts, etc., the respective script files being jQuery plugins. Bootstrap is a popular framework for front-end web development. Bootstrap makes it easy to create great looking responsive web pages and web apps. Also it has a responsive grid system built into automatically make designs compatible with mobile browsers (both tablets & smartphones).
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
Usage
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>
License
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 moc.a1714102798rtnat1714102798ten@s1714102798elas1714102798 or by filling in the form at www.nettantra.com/contact, we can certainly help you out with it.
Leave A Comment