title: Move input with focus out from under fixed header or fixed footer
body: <p>Is there a way to set padding or margin, or call javascript to move the input element, with focus, out from under a fixed navbar and into view? </p>
  
  <p>I am using bootstrap 3.1 and have created a bootply to show what I am struggling with. </p>
  
  <p>The issue is when the user uses the "Tab" key to step through the input elements and an input element falls behind either the fixed top navbar or the fixed bottom navbar. </p>
  
  <p>Having it become hidden under the top navbar is not as bad as the bottom navbar since control flow starts from the top. It is a problem with control flow if the user tabs back up the form.</p>
  
  <p>Here is the URL for the bootply: <a href="http://bootply.com/110608#" rel="noreferrer">http://bootply.com/110608#</a></p>
  
  <p>Thanks</p>