将 Bootstrap 集成到 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>

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

将

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

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

这是我迄今为止找到的最好的指南：如何在 CI 中包含引导程序

总之：

下载引导程序
将其放在与应用程序文件夹相同级别的资产文件夹中
还把 jquery
模板的页眉中包含 css，在页脚中包含 jquery：

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

不要忘记在控制器中包含 CodeIgniter URL 帮助程序

$this->load->helper('url');

只需在此处共享，这样您就无需手动合并文件夹。我经常使用github提供的这个软件包来提交新项目。当然，您必须修改应用程序/配置/配置.php才能使事情正常工作！

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

干杯！

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

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

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

在控制器文件应用程序/婴儿车/测试中添加此行.php

<?php
class Test extends CI_Controller {
public function index()
  {
   $this->load->helper('url'); // Load url links
   $this->load->view('index'); //Load view page
  }
}
?>

现在，您可以在视图中使用引导类

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

添加链接，如以下代码行所示：

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

如果您使用 Ci4 ，请在默认文件夹 "public" 中添加文件夹 'bootstrap'。

谢谢

相关内容

最新更新

热门标签：