title: Angularjs with bootstrap alert - keep the alert on screen when scroll down
body: <p>I'm using the example from 
  <a href="http://angular-ui.github.io/bootstrap/" rel="nofollow">http://angular-ui.github.io/bootstrap/</a></p>
  
  <pre><code>&lt;div ng-controller="AlertDemoCtrl"&gt;
       &lt;alert ng-repeat="alert in alerts" type="{{alert.type}}"
          close="closeAlert($index){{alert.msg}}&gt;    
      &lt;/alert&gt;
      &lt;button class='btn btn-default' ng-click="addAlert()"&gt;Add Alert&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When I'm scrolling down the the alert is disappearing from the screen.
  how can I move the alert down when the user scroll down?</p>