将Twitter Bootstrap添加到CodeIgniter?

use*_*715 3 codeigniter twitter-bootstrap

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

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

谢谢

jle*_*eft 18

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

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

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>
Run Code Online (Sandbox Code Playgroud)

简单的示例页面:

<!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>
Run Code Online (Sandbox Code Playgroud)


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

+-- public_html
|  +-- index.php
|  +-- assets
|  |  +-- css
|  |  |  +-- boostrap.css
|  |  +-- js
|  |  |  +-- bootstrap.js
|  |  |  +-- jquery.js
|  (other files/directories...)
Run Code Online (Sandbox Code Playgroud)

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

<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>
Run Code Online (Sandbox Code Playgroud)

您需要加载URL Helper才能使用该base_url()功能.

  • 不用担心,我编辑了答案,表明jQuery是必需的. (2认同)