title: how to include bootstrap wizard into an angular application
body: <p>I have the following <code>index.jade</code> file</p>
  
  <pre><code>html
    head
    ....
    ....
    body
    ....
    ....
    .container-fluid
        .row
          .span2
              h3 Links
              ul.nav.nav-pills.nav-stacked  
               li.active  
                  a(href="link1") Link 1     
               li 
                  a(href="link2") Link 2  
               li 
                  a(href="link3") Link 3
          .span10
            .ng-view
          .span.5
             h1 
          .span3
            h3 Field Info
  </code></pre>
  
  <p>I want the bootstrap-application-wizard popup content found at (<a href="https://www.google.com/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;frm=1&amp;source=web&amp;cd=4&amp;cad=rja&amp;ved=0CDoQFjAD&amp;url=https%3A%2F%2Fgithub.com%2Famoffat%2Fbootstrap-application-wizard&amp;ei=49ckUoThI9LFsATIjIDoDw&amp;usg=AFQjCNGGfJ85a77baLTojgaOHUK0miVHHg&amp;bvm=bv.51495398,d.cWc" rel="nofollow">https://www.google.com/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;frm=1&amp;source=web&amp;cd=4&amp;cad=rja&amp;ved=0CDoQFjAD&amp;url=https%3A%2F%2Fgithub.com%2Famoffat%2Fbootstrap-application-wizard&amp;ei=49ckUoThI9LFsATIjIDoDw&amp;usg=AFQjCNGGfJ85a77baLTojgaOHUK0miVHHg&amp;bvm=bv.51495398,d.cWc</a>)</p>
  
  <p>as an ng-view, i.e. the window that opens after Open Wizard is clicked in the demo.html. I not sure how to specify ng-view width and height to a specific size like 750px by 375px etc. </p>
  
  <p>I am new to javascript and angular and not sure how to incorporate such a design and specify ng-view size.</p>
  
  <p>I have completed the following steps</p>
  
  <ol>
  <li><p>Convert demo.html to demo.jade</p></li>
  <li><p>added route information in app.js </p>
  
  <pre><code>app.get('/demo', routes.demo);
  </code></pre></li>
  <li><p>rendered demo.jade in routes.js:</p>
  
  <pre><code>exports.demo = function(req, res) {
      return res.render('demo');
  };
  </code></pre></li>
  <li><p>added angular controlls for <code>$routeprovider</code> in angular <code>app.js</code></p>
  
  <pre><code>.when('/demo', {
      templateUrl: 'demo',
      controller: DemoCtrl
  </code></pre></li>
  <li><p>the controller renders the following</p>
  
  <pre><code>.....
  return $http.post('/demo', data).success(successCallback).error(errorCallback);
  </code></pre></li>
  </ol>
  
  <p>The page renders with Open Wizard highlighted but nothing happens when I click on it.</p>