2017-03-02 99 views
0

嗨我有一個php文件,其中包含所有的css文件,我如何將該文件包含在我的頭文件中。這裏是我的PHP文件,我想在我的頭,包括:如何在codeigniter中包含css文件

<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" /> 
+1

[CodeIgniter PHP樣式錶鏈接可能重複。如何?](http://stackoverflow.com/questions/2745153/codeigniter-php-stylesheet-link-how) – hassan

+0

希望我的答案幫助http://stackoverflow.com/questions/42549892/how-to-include-css -file-in-codeigniter/42550927#42550927 – user4419336

回答

-2

添加這樣的:

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

你爲什麼要這麼做? –

-1

如果你把你所有的css文件view文件夾中的笨和你的CSS文件名例如template,然後在要添加所有css文件的位置添加以下代碼。

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

比方說,你的文件是application/views/common/css_links.php

您應該添加:

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

我想你想一個文件中包含所有的CSS文件,這樣你就可以做到這一點

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

在頭上你只需包含all.css

0

試試這個:

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

注:確保您已設置自己的基本網址在config.php這是一個必須做的CodeIgniter

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

3個版本或直播域有點像

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

確保你的CSS,JS,圖片等都是出來的應用程序文件夾的一面。如果你在應用程序文件夾中有它,它將被阻止。

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

自動載入url helper中的config/autoload.php

自動加載傭工和庫等都是很好的,你可以自動加載你認爲那些你會使用定期

示例性負載使用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>