如何在codeigniter中包含css文件

时间:2017-03-02 08:07:35

标签: php css codeigniter

您好我有一个php文件,其中包含所有css文件,我如何在我的标题中包含该文件。这是我的php文件,我想包含在我的标题中:

  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />

    <link href="css/bootstrap-select.css" rel="stylesheet" type="text/css" />

    <link href="css/font-awesome.css" rel="stylesheet" type="text/css" />

    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" />

    <link href="css/jquery-ui.css" rel="stylesheet" type="text/css" />

    <link href="css/styles.css" rel="stylesheet" type="text/css" />

6 个答案:

答案 0 :(得分:2)

  

注意: 请确保您已在config.php中设置了基本网址,这是codeigniter 3版本必须做的事情

     

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

     

或者像

这样的实时域名      

$config['base_url'] = 'http://www.example.com/';

确保您的css,js,图片等 在应用程序文件夹的外侧 。如果你在应用程序文件夹中有它,它将被阻止。

application 
assets
assets > css > bootstrap.css
assets > js > bootstrap.js
assets > images
system
index.php

在config / autoload.php中自动加载url helper

  

自动加载帮助程序和库等很好,你可以自动加载你认为会定期使用的那些

使用base_url()

加载示例

在您的头部区域,您可以放置​​

<head>
// Meta
// Title
<link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/bootstrap.css');?>"/>
<!-- Load jQuery.js file before your bootstrap.js -->
<script type="text/javascript" src="<?php echo base_url('assets/js/bootstrap.js');?>"></script> 
<!-- you can place the boostrap js on the body if you want as they say but i place in head. -->
</head>

控制器

<?php

class Example extends CI_Controller {

  public function index() {
     $this->load->view('header');
     $this->load->view('content');
     $this->load->view('footer');
  }
}

我不确定你是否会这样做,但不确定你为什么要这样做。

<head>
// Meta
// Title
<?php $this->load->view('css');?>
</head>

答案 1 :(得分:1)

假设您的文件为application/views/common/css_links.php

你应该添加:

<head>
    <?=$this->load->view('common/css_links')?>
</head>

答案 2 :(得分:0)

我认为你想要一个包含所有css文件的文件,所以你可以这样做

all.css file content:
@import url(a.css);
@import url(b.css);
@import url(c.css);

在头部你只需要包括all.css

答案 3 :(得分:0)

试试这个:

<link href="<?=base_url('folder/file.css')?>" rel="stylesheet">

答案 4 :(得分:-1)

如果您将所有css文件保存在codeigniter中的view文件夹中,并且您的css文件名是例如template,那么请在要添加所有css文件的位置添加以下代码。

 $this->load->view('template');

答案 5 :(得分:-2)

像这样添加:

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