title: How to add a class depending on screen dimensions with AngularJS
body: <p>How can I add a class for an element, depending on the current screen dimensions?</p>
  
  <p>Now I'm using Bootstrap's <code>hidden-xs</code> and <code>visible-xs</code> to handle it, but this requires duplicated code and elements in the DOM.</p>
  
  <p><strong>Update:</strong>
  Overriding Bootstrap's predifined classes is not an option for me. Correct me if I'm wrong, but this would just be a hack and is bad practise in my point of view.</p>