Question

我是Codeigniter的新手，也是Bootstrap的新手，所以当我试图将两者结合在一起时，jQuery也出现了问题。我有以下结构：

Views / Layout / content.php
Views / home_view.php
Controllers / home.php
的.htaccess

使用以下编码：查看/布局/ content.php：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Doc</title>
<link rel="sylesheet" href="<?php echo base_url("assets/css/bootstrap.min.css");?>">    
<script type="text/javascript" src="<?php echo base_url("assets/js/jquery.js");?>"></script>
<script type="text/javascript"  src="<?php echo base_url("assets/js/bootstrap.min.js");?>"></script>

</head>
<body>

<div class="container">

 <div class="col-xs-6">


 </div>

 <div class="col-xs-6">

  <?php $this->load->view($content_view); ?>

 </div>
</div>
</body>
</html>

查看/ home_view.php：

<h1>Hello </h1> <h2>Content goes here </h2>

控制器/ home.php：

class Home extends CI_Controller{

  public function index(){

   $data['content_view']="home_view";

   $this->load->view('Layout/content',$data);

   $this->load->helper('url');

  }

}

htaccess的：

    RewriteEngine on
    RewriteCond $1 !^(index\.php|images|assets|robots\.txt)
    RewriteRule ^(.*)$ index.php/$1 [L]

上面和下面的编码包括我在其他Stackoverflow帖子，Codeigniter文档以及其他网页上可以找到的所有相关内容。最后，我还对application / config.php进行了以下更改：

$config['base_url'] = 'http://localhost/project/';
$config['index_page'] = '';

当我在浏览器中打开主页时，文本会正常显示（没有任何字体/对齐更改 - 就像强制执行引导程序一样）。此外，我检查了Inspect元素/查看页面源，Safari和谷歌Chrome都没有显示任何内容，让我知道文件无法正常工作。我从jQuery（2.1.4）和Bootstrap（3.3.5）下载了最新版本。我必须更改哪些其他代码/设置才能查看实现的Bootstrap / jQuery以及在浏览器中相应显示的home.php文本？

非常感谢您的帮助！

Answer 1

更改此

<link rel="sylesheet" href="<?php echo base_url("assets/css/bootstrap.min.css");?>">

到

<link rel="stylesheet" href="<?php echo base_url("assets/css/bootstrap.min.css");?>">

如何在CodeIgniter中使Bootstrap和jQuery工作？

1 个答案: