Question

这是我的目录：

miuse/application  
miuse/application/views/templates/header.php    
miuse/bootstrap/css  
miuse/bootstrap/js  
miuse/bootstrap/fonts

这是我的控制器代码：

<?php
    class page extends CI_controller{
        public function view($page= 'home')
        {
            if(!file_exists(APPPATH.'views/pages/'.$page.'.php'))
            {
                show_404();
            }
                $data['title']='Moodlist home';
                $this->load->view('templates/header', $data);
            }
    }
?>

这是我的观看代码：

<!DOCTYPE html>
<html lang="en">
<head>
<title>
    <?php echo $title; ?>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="http://localhost/miuse/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="header.css" type="text/css">

</head>
<body>
<header class="container">
<div class="row">
<h1 class="col-sm-4">List</h1>
        <nav class="col-sm-8 text-right">
            <p>Home</p>
            <p>Category</p>
            <p>About us</p>
        </nav>
    </div>
</header>
</body>
</html>

当我在浏览器中正常运行我的视图时它显示正确的输出但是当我用codeigniter视图加载它时它会显示我不想要的不同输出。

Answer 1

我猜你的header.css文件没有加载。

将header.css文件放在miuse/bootstrap/css目录中。

并改变您的代码，

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

到

<link rel="stylesheet" href="http://localhost/miuse/bootstrap/header.css" type="text/css">

Answer 2

当加载css和其他东西时，我建议你在头部区域使用base_url（）

<head>
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('bootstrap/css/bootstrap.css');?>">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url('assets/css/header.css');?>">
</head>

确保您已在config.php中设置了基本网址并自动加载了网址助手。

当我正常运行html bootstrap启用代码时，它显示正确的输出但是当我使用codeigniter视图加载它时它显示不同的输出

2 个答案: