Tích hợp Bootstrap trên CodeIgniter

Tôi đang cố gắng sử dụng bootstrap trên web codeigniter nhưng có vẻ như các tập tin bootstrap không được tìm thấyTích hợp Bootstrap trên CodeIgniter

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Bootstrap 101 Template</title> 

    <!-- Bootstrap --> 
    <link href="<?php echo base_url('application/bootstrap/css/bootstrap.min.css');?>" rel="stylesheet"> 
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) --> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
    <!-- Include all compiled plugins (below), or include individual files as needed --> 
    <script src="<?php echo base_url('application/bootstrap/js/bootstrap.min.js');?>"></script>

Tôi đã kiểm tra các đường dẫn được tạo ra bởi BASE_URL() và nó là chính xác .

Nguồn

2015-04-22 AFS

Hãy 'xem nguồn' của trang web của bạn bằng' ctrl + u' và thấy rằng tệp có được bao gồm hay không? và sau đó điều chỉnh URL nếu cần .. Đó là cách tôi làm – Umair

Các tệp được bao gồm và đường dẫn chính xác – AFS

Nếu bạn nhấp vào liên kết tệp đó từ Nguồn trang và tệp mở ra, thì nó sẽ hoạt động :) – Umair

di chuyển bootstrap thư mục vào vị trí gốc, vì CI là sự hiểu biết application thư mục như controller mặc dù thư mục ứng dụng bị hạn chế từ yêu cầu khách hàng bằng cách /application/.htaccess tập tin

|- 
    |-application 
    |-bootstrap 

//and use path as 
<?php echo base_url('bootstrap/css/bootstrap.min.css');?>

Nguồn

2015-04-22 10:28:23 Girish

Đó là câu trả lời đúng nhất. '.htaccess' bên trong' application/'sẽ không cho phép phân phối nội dung từ thư mục đó. – zedee

Nó hoạt động, cảm ơn bạn. – AFS

thậm chí tốt hơn nếu phiên bản CDN có thể được sử dụng, để tận dụng bộ nhớ đệm và tăng tốc quá trình tải. – Raptor

Chỉ cần chia sẻ trên đây để bạn không cần phải kết hợp các thư mục bằng tay . Tôi sử dụng gói này được cung cấp từ github thường xuyên để cam kết các dự án mới. Tất nhiên bạn sẽ phải sửa đổi ứng dụng/config/config.php để có được mọi thứ hoạt động!

https://github.com/sjlu/CodeIgniter-Bootstrap

Chúc mừng!

Nguồn

2015-04-22 10:46:19

Đừng quên bao gồm trình trợ giúp url codeigniter trong bộ điều khiển của bạn
$ this-> load-> helper ('url');

Nguồn

2016-03-07 09:52:59 lightup

Dưới đây là hướng dẫn tốt nhất mà tôi đã tìm thấy cho đến nay: How to include bootstrap in CI

Nói tóm lại:

Tải bootstrap
Đặt nó trong một thư mục tài sản trên mức độ tương tự như thư mục ứng dụng
Cũng đặt jquery
Bao gồm css trong header và jquery trong chân của mẫu của bạn:

<html> 
    <head> 
     <title>CodeIgniter Tutorial</title> 
     <link rel="stylesheet" href="<?php echo base_url("assets/css/bootstrap.css"); ?>" /> 
    </head> 
    <body> 
     <h1>H_E_A_D_E_R</h1>

và:

<hr/> 
<em>&copy; 2016</em> 
<script type="text/javascript" src="<?php echo base_url("assets/js/jquery-3.1.1.js"); ?>"></script> 
<script type="text/javascript" src="<?php echo base_url("assets/js/bootstrap.js"); ?>"></script> 
</body> 
</html>

Nguồn

2016-10-08 20:40:18 ACV

tải file bootsrap từ internet nếu bạn muốn làm việc ngoại tuyến
giải nén và đổi tên và sao chép vào thư mục gốc nếu bạn đặt nó trong thư mục ứng dụng sau đó .htaccess sẽ không cho phép nó để được truy cập

các thêm liên kết như các dòng mã sau đây

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

Nguồn

2017-03-25 18:56:28

Tích hợp Bootstrap trên CodeIgniter

Trả lời

Các vấn đề liên quan