Introduction
Webwrap is small open source Bootstrap extension for implementing Flat UI using Twitter Bootstrap. Web designers at Web Bakerz felt the need of a code snippet which could convert a website based on Twitter Bootstrap directly to flat UI without changing or interfering with the functionality of the site. Hence giving rise to the birth of Webwrap.
Table Of Contents
Getting Started
Webwrap is easy to go snippet of code. You just need to follow the steps below:
- Download Webwrap
- Just include webwrap.min.css after bootstrap.min.css
or, you can copy and paste the below piece of code in your project.
<link href="css/bootstrap.min.css" rel="stylesheet"/>
<link href="css/webwrap.min.css" rel="stylesheet"/>
Latest Updates
- v1.2 - Now you can add fading effect to your carousel by adding the class
.fade-carousel
to the very first<div>
tag of the carousel i.e the<div>
tag with idmyCarousel
. - v1.1 - Support for transparent Navbar has been added. Now you can make your navbar transparent by adding the class
.nav-transparent
to<nav>
tag of the navbar.
Screenshots
Bootstrap Jumbotron (Default)
Bootstrap Jumbotron (with Webwrap)

Bootstrap Modal (with Webwrap)
Navbar Template (Default)
Navbar Template (with Webwrap)
Bugs and feature requests
Have a bug or a feature request? Please first search for existing and closed issues. If your problem or idea is not addressed yet, please open a new issue.
Creator
Sidharth Malhotra
License
Code released under the MIT license.