How to hide elements on mobile when using Bootstrap3

I noticed my layout breaking a little bit in tablet responsive view and wanted “member login” to appear as “login” to save on space.  An easy way of doing this is to wrap the word “member” in a span tag with the class .hidden-xs .hidden-sm or .hidden-md etc.  This simply hides the element in that browser size.