Jane Smith Back

Hey! How's it going?

1:20:42 PM

Not bad... i guess. What about you? Haven't gotten any updates from you in a long time.

1:20:46 PM

Yeah! I've been a bit busy lately. I'll get back to you soon enough.

1:20:54 PM

Alright, take care then.

1:21:01 PM
Current Balance
Account Type
Business Plan A
Upgrade Account
Backend Development
Today 25%
Bug Fix
Tomorrow 17%
Javascript Code
Preparing Documentation
App Development
View all Pending
1.31 GB of 1.50 GB used



Show your users a guided tour of what is what on a page.

Click me! I'm a Demo

Utilizes Bootstrap Popovers

Works cross-browser, cross-devices . C'mon, it is bootstrap

Utilises Bootstrap Popovers

Bootstro popovers can have variable width

Small (3.0K minified JS & 0.5K minified CSS)

No collision. Everything safely namespaced to bootstro.All events unbinded when the intro stops

More features

Any element anywhere on the page can be intro'ed: popovers are automatically scrolled to so they always get focused

Easily customizable: Bootstro provides various public methods so you can control as you like bootstro.start(), bootstro.next(), bootstro.prev()...

Keyboard shortcuts: Works with Esc, → ↓, ← ↑ shortcuts too

Show can be alternativly loaded via ajax: This way the page HTML can be kept clean, and server also can decide which elements to show more easily,or translate the show more easily.

Quick Usage

Add class .bootstro to any element that you'd like to be highlighted

Include bootstro.js & bootstro.css