title: bootstrap panel is not working properly
body: <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"/&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"/&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"/&gt;
      &lt;title&gt;GMP APP&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.css"/&gt;
      &lt;link rel="stylesheet" href="css/custom.css" type="text/css"/&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;  
      &lt;div class="panel panel-default"&gt;
          &lt;div class="panel-heading"&gt; SignUp to the system &lt;/div&gt;
          &lt;div class="panel-body"&gt;
              &lt;&lt;panel content goes here&gt;&gt;          
          &lt;/div&gt;
          &lt;div class="panel-footer"&gt; You have 3 More attempts left! &lt;/div&gt;
      &lt;/div&gt;
          &lt;script src="javascript/jquery.js"&gt; &lt;/script&gt;
          &lt;script src="javascript/bootstrap.js"&gt; &lt;/script&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><strong>bootstrap</strong> is linked correctly. But the panel is not working.! I tried everything. I do assume i have correctly linked relevant libraries. This is the output of the browser page source...</p>