Posted on

Bootstrap 3 theme editor and gradients

Upgraded some pages from Bootstrap 2 to Bootstrap 3 and still love this amazing framework to have a great looking site up and running in no time.

Of course I wanted to tweek the layout a bit and after working with LESS and compiling it multiple times I got tired of doing it manually. Therefore I just did a fast “hack” by using Bootstrap, Fontawesome, a bit of AngularJS (just for fun – not really required) and Less.php. Then I mixed all of them together, shaked it and finally the first version of a Bootstrap 3 theme editor was there – even with some nice additional options for Modals, Google Webfonts and customization.

The editor offers even the possibility to introduce gradients into Bootstrap 3 – not that complicated because the mixins are still there.

If you want to try it out and create your own themes just check it out:

Bootstrap Editor – BootMedKit

Here my most loved theme in black:

Just a nice link to create a simple page with Bootstrap 3:
Anleitung: So baust du eine Landingpage mit Bootstrap 3

Some nice effects for hover:
hover.css Tutorial and Introduction

Migrating Bootstrap Version 2 to Version 3

And here a good tool for migrating from Bootstrap version 2 to version 3:
Bootstrap 2 to 3