title: bootstrap dropdown-menu-right when screen too small
body: <p>I have a dropdown menu and using</p>
  
  <p>class = dropdown-menu</p>
  
  <p>the dropdown menu uses extra space on the right site. If I make the screen smaller (or use a mobile device) there might not be any space on the right site. In this case I can use </p>
  
  <p>class = dropdown-menu-right</p>
  
  <p>which uses the space on the left site instead. 
  My question is, is there a way to detect the size of the screen and based on that render a html template with one of the two options above?
  thanks
  carl </p>