Bootstrap css 不适用于 codeigniter答案

【问题标题】：Bookstrap css not working with codeigniterBootstrap css 不适用于 codeigniter
【发布时间】：2017-05-14 12:11:06
【问题描述】：

我已经在 codeigniter 中创建了一个控制器。

<?php
defined('BASEPATH') OR exit('No direct script access allowed');


class Main extends CI_Controller{

    public function login(){

        $this->load->view('view_login');
    }
}

下面是我的观点。

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?><!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Voyager</title>
        <link href="../../assets/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="../../assets/css/bootstrap.css" rel="stylesheet" type="text/css"/>

</head>
<body>

    <table>
        <tr>
            <td>
                <div class="panel panel-heading">
                    This is Heading
                </div>
                <input type="submit" class="btn btn-primary">
            </td>    
        </tr>

    </table>    

    <p class="footer">Page rendered in <strong>{elapsed_time}</strong> seconds. <?php echo  (ENVIRONMENT === 'development') ?  'CodeIgniter Version <strong>' . CI_VERSION . '</strong>' : '' ?></p>
        <script src="../../assets/js/bootstrap.min.js" type="text/javascript"></script>
        <script src="../../assets/js/jquery-3.2.1.min.js" type="text/javascript"></script>
        <script src="../../assets/js/bootstrap.js" type="text/javascript"></script>


</body>
</html>

使用此代码，页面被渲染但 CSS 未被应用。

我错过了什么吗？

我的另一个问题是为什么我们需要帮助器，我已将代码添加到自动加载帮助器。为什么我们需要它？

【问题讨论】：

标签： php css codeigniter

【解决方案1】：

您必须添加完整路径才能获取 CSS 样式

CodeIgniter 是一个 MVC 结构，文件实际上是从控制器调用的，因此我们无法获取实际路径，因此我们必须添加任何文件的完整 URL，这样我们就不会遇到任何类型的问题或错误。

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

同时更改你的 config/config.php 文件

$config['base_url'] = 'http://localhost/yoursitefolder'; // you can set your working url

【讨论】：

是否也适用于脚本标签？
是的。做过某事。还是一样的问题
CSS 不适用于控件和文本。
让我们continue this discussion in chat。

【解决方案2】：

文件真的是资产之前的 2 个文件夹吗？

文件夹1/文件夹2/资产？？？

【讨论】：

是的。我已经拖动了那些文件。资产目录在根目录中
我觉得应该没有其他问题
尝试用真实链接替换仅用于测试的 css 和 js 链接，看看会发生什么
真实链接是什么意思？这些是真实的链接

【解决方案3】：

转到您的 config.php 并设置 base_url：

$root=(isset($_SERVER['HTTPS']) ? "https://" : "http://").$_SERVER['HTTP_HOST'];
$root.= str_replace(basename($_SERVER['SCRIPT_NAME']), '', $_SERVER['SCRIPT_NAME']);
$config['base_url'] = $root;

然后在你看来：

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

在脚本中也一样

<script src="<?php echo base_url();?>assets/js/bootstrap.min.js" type="text/javascript"></script>

【讨论】：