Can anybody help me out how to change the text elements of a column in bootstrap

[sagnik-roy]

Almost like metro UI tile, used in windows 8, where you hover your mouse over a tile element and it changes its text. I have searched but i find only tutorials with an image as a background, but i want to use glyphicons.
I have tried setting a hover pseudo class, but i want it like in this way.

http://codepen.io/SaraSoueidan/full/sBELl/

Maybe this can give you an idea of what I’m trying to create.

[rkieru]

I’m not entirely sure why you’re asking specifically with Bootstrap as this doesn’t really pertain to that Framework at all, but I’ve put together a quick draft pen using Bootstrap, jQuery, and Animate.css alongside a JS library for the latter.

It’s very rough though.

http://codepen.io/rkieru/embed/Gqoaww/

Basically this works by applying data-animate-in and data-animate-out to the respective div on hover, and toggles the inner wrappers respectively. It’s perhaps not as smooth as Javascript animations, but it should give you a rough idea of what might be plausible using CSS-driven animations that are merely invoked via Javascript.

[Author]

Posts