PHP process to Bootstrap


PHP process to Bootstrap

我正在开发一个HTML5网站。是一个带有幻灯片+iframe+内容+页脚的登录页。

在iframe上,我有一个PHP进程来登录和完成表单。

这个网站我想在iPad上像使用网页视图一样使用它,所以网站是简洁地显示所有内容的平面设计完全响应,但在PHP进程的iframe上按钮是旧设计的经典html。

我想以某种方式集成bootstrap,使其具有不同的外观,如平面设计,使所有按钮或设计都与bootstrap的新外观一致。

我该怎么做才能有不同的外表。我必须集成哪些文件或脚本?这些脚本必须仅在索引上。PHP?或者以类似的所有工艺形式。not_loged.php、loged_in.php、process_1.php、process_2.php、finished_process.php。

Twitter Bootstrap只是一个非常全面的CSS和JS"主题",完全可以自定义。它在开发中非常有用,因为我们不必担心JavaScript插件的样式和我们自己的CSS样式之间的冲突,因为它都是一致的

要使用它,您只需要引用CSS和JS文件,然后开始创建布局或自定义提供的示例之一。此外,你不需要创建单独的桌面和移动页面,因为Bootstrap是完全响应的。

您仍然可以编辑页面,而其他页面则不受影响,转换网站的步骤是查看文档,找到您需要的某些元素的布局选项和样式。如果您尚未找到该文档,请访问http://www.getbootstrap.com.

参考: 将现有网页网站转换为Twitter引导程序

对于每个页面,您都需要加载CSS文件。如果将所有链接都包含在链接文件中(如links.html),您可以做些什么。

用CSS和JavaScript的链接填充它,如下所示:

<!-- Bootstrap core CSS -->
<link href="css/bootstrap.css" rel="stylesheet">
<!-- Add custom CSS here -->
<link href="css/modern-business.css" rel="stylesheet">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
<!-- JavaScript -->
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/modern-business.js"></script>

然后用<?php include 'links.html'?> 链接到文件

更好的是,如果你有一个页眉,那么你可以制作一个带有als的header.html,加载表单和脚本。