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()功能.
| 归档时间: |
|
| 查看次数: |
16567 次 |
| 最近记录: |