title: Align a bootstrap-growl alert bottom left
body: <p>According to the <a href="http://bootstrap-growl.remabledesigns.com/#growl-documentation-options" rel="nofollow">bootstrap-growl options documentation</a> we can use <code>placement</code> options to stick the growl notifications elsewhere. I'm trying to put my growl notifications <strong>bottom left</strong>, but it's not working.</p>
  
  <p>Here's what I'm trying to do:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function () {
      $.growl({
          message: 'Test.'
      }, {
          placement: {
              from: "bottom",
              align: "left"
          },
          delay: 1000000
      });
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/bootstrap-growl/1.0.6/bootstrap-growl.min.js"&gt;&lt;/script&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The options <em>are</em> being parsed it seems: the <code>delay</code> option is honored. So are others if I add them. However, the placement remains at its default top/right position.</p>
  
  <p>I'm using bootstrap-growl version 1.0.6. Version 2 seems to be in the making but not released yet. Perhaps part of my problem is that the bootstrap-growl website's documentation is aimed at V2?</p>
  
  <p>What am I missing here? Probably something obvious...</p>