title: Bootstrap popup login page not working?
body: <p>i am new to php framework and bootstrap working on CodeIgnitor 3.0.
  I have simple navigation bar for signup and login clicking on login redirects to another page where is another login button clicking on which should open the popup
  login form but it's not working??</p>
  
  <p>//my nav bar</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta name="robots" content="NOODP"/&gt;
          &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"/&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;link href="&lt;?= base_url();?&gt;css/bootstrap.css" rel="stylesheet"&gt;
           &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
           &lt;script src="https://code.jquery.com/jquery-2.1.3.js"&gt;&lt;/script&gt;
          &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;style&gt;
  
      body {
    padding-top: 0px;
  }
  @media (max-width: 1000px) {
    body {
      padding-top: 0px;
    }
  }
  &lt;/style&gt;
  
      &lt;body&gt;
          &lt;div class="container"&gt;
              &lt;div class="row"&gt;
                  &lt;nav class="navbar navbar-default" role="navigation"&gt;
                      &lt;div class="navbar-header"&gt;
                          &lt;button type="button" class="navbar-toggle" data-toggle="collapse" 
                           data-target=".navbar-collapse"&gt;
                               &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                               &lt;span class="icon-bar"&gt;&lt;/span&gt;
                               &lt;span class="icon-bar"&gt;&lt;/span&gt;
                               &lt;span class="icon-bar"&gt;&lt;/span&gt;
                          &lt;/button&gt;
        &lt;a class="navbar-brand" href="#"&gt;LOGO&lt;/a&gt;
     &lt;/div&gt;
     &lt;div class="collapse navbar-collapse" id="example-navbar-collapse"&gt;
        &lt;ul class="nav navbar-nav navbar-right"&gt;
           &lt;li class="active"&gt;&lt;a href="#"&gt;SignUp&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a href="&lt;?php echo site_url('LoginController/index') ?&gt;"&gt;Login&lt;/a&gt;&lt;/li&gt;
           &lt;/ul&gt;
     &lt;/div&gt;
  &lt;/nav&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>//login.php  in views folder</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta name="robots" content="NOODP"/&gt;
          &lt;meta http-equiv="Content-Type" content="text/html;charset=utf-8"/&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
          &lt;link href="&lt;?= base_url();?&gt;css/bootstrap.css" rel="stylesheet"&gt;
           &lt;script src="js/bootstrap.min.js"&gt;&lt;/script&gt;
           &lt;script src="https://code.jquery.com/jquery-2.1.3.js"&gt;&lt;/script&gt;
          &lt;script src="js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
  &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;a class="btn btn-primary" data-toggle="modal" href="#myModal" &gt;Login&lt;/a&gt;
  
          &lt;div class="modal hide" id="myModal"&gt;
            &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal"&gt;x&lt;/button&gt;
              &lt;h3&gt;Login to MyWebsite.com&lt;/h3&gt;
            &lt;/div&gt;
            &lt;div class="modal-body"&gt;
              &lt;form method="post" action='' name="login_form"&gt;
                &lt;p&gt;&lt;input type="text" class="span3" name="eid" id="email" placeholder="Email"&gt;&lt;/p&gt;
                &lt;p&gt;&lt;input type="password" class="span3" name="passwd" placeholder="Password"&gt;&lt;/p&gt;
                &lt;p&gt;&lt;button type="submit" class="btn btn-primary"&gt;Sign in&lt;/button&gt;
                  &lt;a href="#"&gt;Forgot Password?&lt;/a&gt;
                &lt;/p&gt;
              &lt;/form&gt;
            &lt;/div&gt;
            &lt;div class="modal-footer"&gt;
              New To MyWebsite.com?
              &lt;a href="#" class="btn btn-primary"&gt;Register&lt;/a&gt;
            &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What should i do if i want that login page to popup on homepage??? </p>