桂电在线-转变成bootstrap版

由于angularjs的不熟悉，而且SEO需要学习更多东西，于是先采用bootstrap版本，毕竟工作上也需要使用bootstrap，然后参照视频教程学习。

bootstrap

基本模板

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="桂电在线 - 丰富多彩的大学信息数据平台，让大学生活，大学学习更迅速、简单。">
    <meta name="keywords" content="桂电在线, 大学信息数据平台, 大学生活，大学学习">
    <meta name="author" content="jd胡">

    <title>桂电在线</title>

    <!-- Bootstrap -->
    <link href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <!--项目样式文件 -->
    <link href="<?=__PUBLIC__?>style/app.css" rel="stylesheet"> 

    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="apple-touch-icon" href="<?=__PUBLIC__?>images/favicon.ico">
    <link rel="icon" href="<?=__PUBLIC__?>images/favicon.ico">
  </head>
    <body>
        <h1>Hello, world!</h1>

        <!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
        <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
        <!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
        <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
        <!-- 项目脚本文件-->
        <script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    </body>
</html>

时间： 2024-12-15 01:35:48

桂电在线-转变成bootstrap版的相关文章

桂电在线-转变成bootstrap版2(记录学习bootstrap)

下载bootstrap框架https://github.com/twbs/bootstrap 或者 http://getbootstrap.com/ 拷贝模板修改基本模板语言zh-cn,标题,描述修改css,js,网站logo路径修改后 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv=&q

微信公众平台开发-桂电在线1

主要功能桂电在线目的是包含学校内所有信息展示,创造一个跟学生相关信息的平台.主要模块由校园消息,生活,学习,个人名片四大模块目前系统环境是: 硬件:SAE,微信公众平台软件:php mysql apache 程序框架:SAE版的CI框架,ama 主页入口网址:http://jdhu.sinaapp.com/ 目前正在开发当中..

桂电在线_微信公众平台开发之-运用angularjs显示学校公告新闻列表和详情页面

折腾angularjs的感悟几天折腾,总的来说看了很多博客,要么不是最新的技术文档,要么写得不够完整,因为别人是基于他们的理解写的技术博客代码不一定会贴完整,所以一旦你用的是最新的想要看完整的实例就只能去官网查阅文档,现在通过实现下面的两个功能才真正了解什么是前端的MVVM框架. 另外,总结下我理解中的MVVM框架:后台php是MVC框架,一直做法是php处理数据,然后把数据渲染到模板,然后后台返回html页面给浏览器, 现在前端mvvm(model-view-viewmodel)就是:mod

桂电在线-php-提取菜单到配置文件

新建存储菜单的配置文件 menus.php,并配置菜单 <?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); /*菜单配置*/ $config['menus'] = array(); // 校园生活 $config['menus']['life'] = array('name' => '学校生活', 'submenu' => array( 'news/official_news' =>

桂电在线-php-提取菜单到配置文件2

继续昨晚没完成的主菜单模板:  <div class="on-light" id="menus"> <?php foreach ($menus as $menu_key => $menu): ?> <?php // 排除校园名片 if ($menu_key == 'card') break; ?> <section class="container" id=&qu

在线看图网页版，快速查看CAD图纸

在线看图网页版,快速查看CAD图纸.在日常CAD工作中,我们常常会需要查阅大量的CAD图纸.有时候下载安装CAD看图软件会非常的麻烦,而且占用电脑内存.所以今天小编想给大家分享一中不需要下载安装任何软件,也能在线查看CAD图纸的方法.具体演示步骤如下: 步骤一:我们需要先在浏览器里搜索"xunjieCAD"一词,找到官网网址,进入官网界面. 步骤二:在xunjieCAD官网里,把光标放置在"在线转换"标签上,会出现各种在线转换的选择标签,我们点击"在线看图

五金在线B2B网站增强版源码联系QQ：847129860

一.更新记录 1.更新日期:2014-09-03 12:00:00 2.更新内容: 1.VS版本升级为VS2010,数据库版本更新为SQLServer2005. 2.修复了许多链接的错误. 1.更新日期:2015-12-03 12:00:00 2.更新内容: 1.VS版本升级为VS2010,数据库版本更新为SQLServer2005. 2.修复了许多链接的错误. 二.源码描述这是五金在线B2B网站源码100416增强版源码.页面仿易想商城页面,功能还是五金在线B2B网站源码, 因为

人脸识别开发套件中的在线版本与离线版人脸识别的区别及详解

关于什么是在线版人脸识别与离线版人脸识别想便是一直困扰着大家的,他们的区别是,如何收费的,采用哪种更为合适今天宁远电子就将为你详细说明. 在线版人脸识别技术是指在联网状态下,用户上传人脸图像至人脸识别系统供应商公有云服务器中完成图像识别工作,然后服务器再将人脸识别结果返回给用户,此时人脸图像一般会自动存储在公有云服务器中.目前企业选择在线API或在线SDK接口方式接入人脸识别系统,其实就是在线人脸识别技术. 离线人脸识别技术是指在离线状态下,用户上传的人脸图像不需要传输至人脸识别系统供应商公有云

桂电在linux环境下使用出校器

一.官方出校器(无界面) 由于学校官方最新的linux版出校器无效,我们只能使用老版本的出校器了. 但因为老版本的出校器是32位的,而现在主流使用的是64位系统,因此我们得安装32位库. 在ubuntu系统中,安装32位系统命令为: sudo apt-get install libc6:i386 然后下载32位出校器 wget http://files.cnblogs.com/files/ji-yun/ipclient.tar.gz tar -zxvf ipclient.tar.gz 设置访问权