如何在 codeigniter 中链接到我的 .css 文件答案

【问题标题】：how link to my .css file in codeigniter如何在 codeigniter 中链接到我的 .css 文件
【发布时间】：2015-07-07 04:49:08
【问题描述】：

我遇到了 CodeIgniter 的设计问题。我的 CSS 文件的路径定义如下：

<link href="<?php echo base_url(); ?>asset/main.css" 
    rel="stylesheet" type="text/css" media="all">

但它不能正常工作。

【问题讨论】：

你必须提供更多的背景和细节。阅读有关how to ask a great question 的更多信息。

标签： php codeigniter

【解决方案1】：

试试这个就行了，

<link href="<?php echo base_url('asset/main.css'); ?>" rel="stylesheet" type="text/css" media="all">

你可以使用 url_helper，

if ( ! function_exists('base_url'))
{
    function base_url($uri = '')
    {
        $CI =& get_instance();
        return $CI->config->base_url($uri);
    }
}

【讨论】：

【解决方案2】：

使用这个<?php echo base_url(); ?>

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

在config/config.php

$config['base_url'] = '';
$config['index_page'] = '';

在config/autoload.php

$autoload['helper'] = array('url');

您的.htaccess 将是

<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php/$1 [L] 
</IfModule>

所以你的文件夹结构应该是这样的

 1. application
 2. asset         
     1. css
        - bootstrap.css
        - main.css
     2. images
 3. index.php
 4. .htaccess
 5. system

【讨论】：

【解决方案3】：

先在根目录下创建一个文件夹

like css// css文件夹应用模型视图

比制作基本网址

在配置文件中 $config['base_url'] = 'localhost://codegniter/';网址网站的

现在，如果您想在站点标题中包含 css 文件，请将在标题或其他文件中这样的行

" rel="stylesheet" type="text/css">

【讨论】：

【解决方案4】：

你可以检查一下。

在 config.php 中：

$config['base_url'] = URL;

转到

应用程序/confg/autoload.php。

$autoload['helper'] = array('html','url');

<link rel="stylesheet" src="<?php echo base_url('assets/stylesheets/main.css')?>"/>
//OR
<?php echo link_tag('assets/stylesheets/main.css')?>

//Image
<?php echo img('asset/images/learnersway.jpg')?>
//OR
<img src="<?php echo base_url('asset/images/learnersway.jpg')?>" />

//Javascript
<script src='asset/javascript/yourscript.js'></script>

访问此链接： https://ellislab.com/codeigniter%20/user-guide/helpers/html_helper.html

【讨论】：