将Twitter Bootstrap添加到CodeIgniter？

发布时间：2020-12-17 21:22:08 所属栏目：安全来源：网络整理

导读：我使用CodeIgniter开发了一个网站,它使用 MySQL来填充结果页面.我现在想要改进所有页面外观和大多数地方建议使用Bootstrap.我试图将Bootstrap添加到我的CodeIgniter项目但没有成功. 有谁知道我可以遵循的最新指南来完成这个？谢谢解决方法一种简单的方法

我使用CodeIgniter开发了一个网站,它使用 MySQL来填充结果页面.我现在想要改进所有页面外观和大多数地方建议使用Bootstrap.我试图将Bootstrap添加到我的CodeIgniter项目但没有成功.

有谁知道我可以遵循的最新指南来完成这个？

谢谢

解决方法

一种简单的方法是使用 Bootstrap CDN.对于CSS,只需在< head>中包含此行.每个网页的一部分(视图文件中的某个位置,具体取决于您的结构)：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">

Bootstrap的插件依赖于jQuery,所以你需要在Bootstrap的JavaScript之前包含jQuery：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

简单的示例页面：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Your great site!</title>
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
    </head>
    <body>
        <div class="jumbotron">
            <div class="container">
                <h1>Hello,world!</h1>
            </div>
        </div>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    </body>
</html>

或者,您可以在Web服务器上托管文件.将相关文件上载到可公开访问的目录.我将假设它们位于您的Web根目录中的资源文件夹中,如下所示：

+-- public_html
|  +-- index.php
|  +-- assets
|  |  +-- css
|  |  |  +-- boostrap.css
|  |  +-- js
|  |  |  +-- bootstrap.js
|  |  |  +-- jquery.js
|  (other files/directories...)

要将它们包含在视图文件中,您可以像这样链接它们：

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

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

您需要加载URL Helper才能使用base_url()函数.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!