Question

我正在尝试在codeigniter网站上使用bootstrap但看起来好像找不到引导程序文件

<!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>

我已经检查了base_url（）生成的路径并且它是正确的。

Answer 1

在根位置移动bootstrap文件夹，因为CI将application文件夹理解为controller，尽管应用程序文件夹受/application/.htaccess文件的客户端请求限制

|-
   |-application
   |-bootstrap

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

Answer 2

不要忘记在控制器中包含codeigniter url helper
$这 - ＆GT;负载＆GT;辅助（ 'URL'）;

Answer 3

这是迄今为止我发现的最佳指南： How to include bootstrap in CI

简而言之：

下载bootstrap
将其放在与应用程序文件夹
还放jquery
在标题的页脚和jquery中包含css：

<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>

和：

<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>

Answer 4

只需在此处共享，这样您就无需手动组合文件夹。我经常使用github提供的这个包提交新项目。当然，您必须修改application / config / config.php以使其工作正常！

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

干杯！

Answer 5

直接在Codeigniter根目录中创建一个文件夹（资产）（与应用程序文件夹相同级别）
将引导文件粘贴到该文件夹中

在您的视图文件中添加链接代码

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

将此行添加到您的控制器文件 application / cotrollers / test.php

<?php
class Test extends CI_Controller {

public function index()
  {
   $this->load->helper('url'); // Load url links
   $this->load->view('index'); //Load view page
  }

}
?>

现在您可以在视图中使用引导程序类了

Answer 6

如果您想离线工作，请从互联网下载Bootstrap文件
解压缩并重命名并复制到根文件夹。如果将其放在应用程序文件夹中，.htaccess将不允许访问它。

添加以下代码行的链接：

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

在CodeIgniter

6 个答案: