2017-04-13 24 views
0

我已經在codeigniter中創建了一個控制器。Bookstrap css不能與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不被應用。

我錯過了什麼嗎?

我有另一個問題是爲什麼我們需要幫手,我已經添加了代碼自動加載幫手。我們爲什麼需要這個?

回答

3

您必須添加完整路徑來獲得CSS樣式

笨是一個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 
+0

? –

+0

我加你說的,現在仍在工作 –

+0

0

文件在資產之前真的是2個文件夾嗎?

folder1/folder2/assets ???

+0

是。我拖動了這些文件。資產diectory在根目錄 –

+0

我認爲不應該有任何其他問題 –

+0

我也這麼認爲。但代碼不這麼認爲 –

0

轉到您的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>