Normalise screen size notation

Hi There!

I have taken the idea in this issue and done the following 
https://github.com/twitter/bootstrap/issues/7706

- Changed the less file - responsive-utilities.less
- Recompiled bootstrap-responsive.css and place in docs\assets\css
- Changed the notation in the docs html files wherever it was called
- Changed the notation in the Moustache templates 

This is my first pull request, so if there's something I missed or you'd like me to add, just let me know. 

Cheers
Vinay R
rvinay88@gmail.com | twitter.com/arachattack 
----
.visible-phone -> .visible-sm
.visible-tablet -> .visible-md (md for "medium")
.visible-desktop -> .visible-lg
[similarly for .hidden-*]