title: How can I make Bootstrap and jQuery work in CodeIgniter?
body: <p>I am new to Codeigniter and also to Bootstrap so when I tried to put the two together and also jQuery a problem arised.
  I have the following structure:</p>
  
  <ul>
  <li>Views/Layout/content.php </li>
  <li>Views/home_view.php </li>
  <li>Controllers/home.php  </li>
  <li>.htaccess</li>
  </ul>
  
  <p>with the following coding:
  Views/Layout/content.php:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;Doc&lt;/title&gt;
  &lt;link rel="sylesheet" href="&lt;?php echo base_url("assets/css/bootstrap.min.css");?&gt;"&gt;    
  &lt;script type="text/javascript" src="&lt;?php echo base_url("assets/js/jquery.js");?&gt;"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"  src="&lt;?php echo base_url("assets/js/bootstrap.min.js");?&gt;"&gt;&lt;/script&gt;
  
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;div class="container"&gt;
  
   &lt;div class="col-xs-6"&gt;
  
  
   &lt;/div&gt;
  
   &lt;div class="col-xs-6"&gt;
  
    &lt;?php $this-&gt;load-&gt;view($content_view); ?&gt;
  
   &lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Views/home_view.php:</p>
  
  <p><code>&lt;h1&gt;Hello &lt;/h1&gt;</code>
     <code>&lt;h2&gt;Content goes here &lt;/h2&gt;</code></p>
  
  <p>Controllers/home.php:
      
  
  <pre><code>class Home extends CI_Controller{
  
    public function index(){
  
     $data['content_view']="home_view";
  
     $this-&gt;load-&gt;view('Layout/content',$data);
  
     $this-&gt;load-&gt;helper('url');
  
    }
  
  }
  </code></pre>
  
  <p>.htaccess:</p>
  
  <pre><code>    RewriteEngine on
      RewriteCond $1 !^(index\.php|images|assets|robots\.txt)
      RewriteRule ^(.*)$ index.php/$1 [L]
  </code></pre>
  
  <p>The above and below coding includes everything relevant I could find on other Stackoverflow posts, Codeigniter documentation and also other web pages. Lastly, I also made the following changes to application/config.php:</p>
  
  <pre><code>$config['base_url'] = 'http://localhost/project/';
  $config['index_page'] = '';
  </code></pre>
  
  <p>When I open the home page in the browser, the text is displayed normally (without any font/aligning changes - as it would have been if bootstrap was enforced). Moreover, I checked with Inspect element/View page source and neither Safari nor Google Chrome display anything to let me know that the files are not working.
  I downloaded the latest versions from jQuery (2.1.4) and Bootstrap (3.3.5).
  What other code/setting must I change in order to view the Bootstrap/jQuery implemented and the home.php text displayed accordingly in browser?</p>
  
  <p>Thank you very much in advance for your help!</p>