当我正常运行启用html引导程序的代码时，它会显示正确的输出，但当我使用codeigniter视图加载它时，它显示不同的 - when i normally run html bootstrap enabled code, it shows proper output but when i load it using codeigniter view it shows different output

when i normally run html bootstrap enabled code, it shows proper output but when i load it using codeigniter view it shows different output

这是我的目录：

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视图加载它时，它就会显示我不想要的不同输出。

我猜您的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">

当加载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中设置了基本url，并自动加载url帮助程序。