DO NOT MERGE

make grunt eaiser
demo: apply responsive design to demo page

Since already use bootstrap to demo page, we could layout components
by boostrap classes to instead of using hard-coded width.
add connected case