title: How do I properly load jQuery & Bootstrap into Joomla?
body: <p>I'm building a form that uses jquery and bootstrap in the backend of joomla, however I get an error.</p>
  
  <p>Here is the joomla code:</p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;?php
  if (version_compare(PHP_VERSION, '5.3.10', '&lt;'))
  {
      die('Your host needs to use PHP 5.3.10 or higher to run this version of Joomla!');
  }
  
  define('_JEXEC', 1);
  
  if (file_exists(__DIR__ . '/defines.php'))
  {
      include_once __DIR__ . '/defines.php';
  }
  
  
  if (!defined('_JDEFINES'))
  {
      define('JPATH_BASE', __DIR__);
      require_once JPATH_BASE . '/includes/defines.php';
  }
  
  require_once JPATH_BASE . '/includes/framework.php';
  
  
  JDEBUG ? $_PROFILER-&gt;mark('afterLoad') : null;
  
  $app = JFactory::getApplication('site');
  
  $app-&gt;execute();
  ?&gt;
  </code></pre>
  
  <p>Here is my javascript code that I would like to add to joomla: </p>
  
  <pre><code>&lt;script src="http://code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css"&gt;
  &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap-theme.min.css"&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="./send_resume/pmc_resume_js.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  $(document).ready(function(){
      $(".carouselrow").html("");
      $(".messagerow").html("");
      $(".contentrow").html("&lt;div class='row'&gt;&lt;div class='col-lg-2'&gt;&lt;/div&gt;&lt;div style='background-color:white' id='resume_forms' class='col-lg-9'&gt;&lt;/div&gt;&lt;div class='col-lg-1'&gt;&lt;/div&gt;&lt;/div&gt;");
      $("#resume_forms").load("./pmc_resume_forms.php","",""); 
      if($("#resume_forms").html()==""){
          $("#resume_forms").load(./pmc_resume_forms.php","",""); 
  }
      $(".contentrow").css("background-color", "#F0F4F7"); 
      $(".breadcrumbs").html("&lt;span class='showHere'&gt;You are here: &lt;/span&gt;&lt;span&gt;Career&lt;/span&gt;&lt;/div&gt;");
      $("title").html("Career");
  
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>When I don't add the jquery library at the beginning of tmy code, the bootstrap dropdown navbar doesn't work.</p>
  
  <p>When I add the jquery file to the beginning of my code and don't add the jquery file at the beginning of my javascript code, the dropdown navbar worked properly but my javascript code did not work.</p>
  
  <p>When I added jquery library file in the both place's, my javascript code works fine, but the navbar menu doesn't work.</p>
  
  <p>How can I solve this? thanks...</p>