Webwrap v1.2

A small extension of Twitter Bootstrap to convert your site to Flat UI without any functional interference.

View project on GitHub


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:

  1. Download Webwrap
  2. 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 id myCarousel.
  • 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.


Bootstrap Jumbotron (Default)

Bootstrap Jumbotron (with Webwrap)

Bootstrap Modal (Default)

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.


Sidharth Malhotra


Code released under the MIT license.