Yeah I didn't know a better way to do this.  

"Is the "xs" enabled simply on the basis of screen size?"  Yes.  Bootstrap's default for xs is <768px: http://getbootstrap.com/css/#grid

If I rename var "totalPointView" to "totalPointViewXs", it does not work anymore.

Feel free to improve upon - I would like to learn a better way!