CI框架下CSS和JS的路径问题

注意:CI框架下的CSS和JS的引用必须放在框架外面,比如,可建立resource文件夹与application同级,用来封装CSS和JS。

在view层用resource里面CSS和JS可采用以下几种方式:

1. 直接采用绝对路径:

<link rel="stylesheet" href="/CI_message/resource/bootstrap/css/bootstrap-responsive.min.css">

2. 采用相对路径:

2.1 在config.php里面,设置base_url

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

2.2 在control层

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

2.3 view层

<link rel="stylesheet" href="<?php echo base_url('resource/bootstrap/css/bootstrap-responsive.min.css')?>">

3. 也是采用相对路径,前两步同2.1,2.2,

3.3 view层:

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