如何使用CodeIgniter应用程序实现WrapBootstrap主题?

时间:2013-08-15 01:45:50

标签: codeigniter twitter-bootstrap

我刚买了一个WrapBootstrap主题,并试图将其插入到我的CodeIgniter应用程序中。我从来没有使用过WrapBootstrap,也不确定下一步是什么,因为很多文件中都有ruby(它们是.erb文件)。

这是我发现的:

  

首先打开你的CSS文件并用普通../img/替换所有对images/ dir的调用,以使管道找到主题的图形元素。

     

要使用字形,您应该创建一个新目录,字体,在那里复制字形图像并在应用程序目录中展开可用资源

如果我只是复制了JavaScript,图片,字体和样式表,我是否可以使用它? (如果我拿走了所有资产)

1 个答案:

答案 0 :(得分:2)

这样做:

  • 将css,js,img和其他资源文件夹放入名为assets的文件夹中,该文件夹位于Codeigniter的index.php的同一级别。这些文件夹中的文件将从这样的html文件中引用(带有css的示例):<link rel="stylesheet" type="text/css" media="all" href="<?php echo base_url();?>assets/css/style.css" />
  • html文件转到views文件夹。您将看到每个html文件都在重复页眉和页脚结构,因此您可以将此结构隔离到页眉和页脚视图中。通常,标题从doctype声明开始,在主要部分(正文内部)结束,页脚从主要部分的末尾开始,以</html>结束。其余的(主要部分)将是该HTML的视图。所以你最终会得到:标题视图,每个html文件的视图和页脚视图。
  • 标题视图:包含<head>部分和(通常)导航栏。在head部分中,您引用了文件(css,js,img),就像我在第一点中所写的那样。更改导航栏链接以链接到正确的控制器(请参阅最后一点)。
  • 每个html的视图:包含页面的内容。在顶部,您应该加载标题视图,并在底部的页脚视图。您可以将视图命名为html文件,但要小心使用home(index.html)。你最好把它命名为“家”。
  • 页脚视图:包含页脚内容和javascript文件,您应该像标题中的那些一样引用。
  • 要调用每个视图,请创建一个名为html的控制器,并在控制器的索引功能中加载视图。对于主视图,请使用routes.php中的default_controller。

.erb文件可能用于联系表单的后端处理,因此如果您使用Codeigniter则它们没有用处。您应该用控制器和型号替换它们。