html简单模板(h5,bootstrap)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
     <meta name="description" content="描述">
     <meta name="keywords" content="关键字">
     <meta name="author" content="alanzhang">

</head>
<body>
<header>
    <div class="container">
        <div class="row">
            <div class="col-sm-6"></div>
            <div class="col-sm-6"></div>
        </div>
    </div>
</header>
<nav>
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div>
                    <span  class="collapsed" data-toggle="collapse" data-target="#main-menu">11</span>
                    <span>22</span>
                </div>
                <div id="main-menu">
                    <ul class="menu">
                        <li></li>
                        <li></li>
                        <li></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>

<!-- main -->
<section>
    <div class="container">
        <div class="row">
            <main class="col-md-8">main</main>
            <aside  class="col-md-4">aside </aside >
        </div>
    </div>
</section>

<!-- footer -->
<footer class="footer">
    <div class="container">
        <p>? XXXXXXXXX</p>
         <p><a href="#" target="_blank">粤ICP备00000000号</a> | 粤公网安备0000000000</p>
    </div>
</footer>

</body>
</html>
时间: 2024-11-03 21:24:01

html简单模板(h5,bootstrap)的相关文章

如何使用AEditor制作一个简单的H5交互页demo

转载自:http://www.alloyteam.com/2015/06/h5-jiao-hu-ye-bian-ji-qi-aeditor-jie-shao/ 本教程演示如何使用AEditor制作一个简单的H5交互页demo: 交互页demo地址: 点击打开H5交互页demo AEditor访问地址: http://aeditor.alloyteam.com Step1:设置页面背景颜色 首先我们设置页面的背景颜色,右击舞台点击“设置背景”: 然后在背景颜色中填上色值rgb(38, 61, 10

PHP自写简单模板引擎,供新手学习

今天要写点小东西,突然想到要用模板引擎.就"随手"写了一个,发上来供新手学习.搞了这么久PHP,想想也真是感慨,当年研究了几天的东西现在一两个小时就弄完了,当年一起完耍的女神现在已经不知所踪了...咳咳,下面是代码: <?php /**************** * @author: 一曲忧伤 * @email: [email protected] * @discription: 简单模板引擎 */ class view { var $tpl_dir = 'template';

敌兵布阵 (线段树简单模板题)

https://vjudge.net/contest/318019#problem C国的死对头A国这段时间正在进行军事演习,所以C国间谍头子Derek和他手下Tidy又开始忙乎了.A国在海岸线沿直线布置了N个工兵营地,Derek和Tidy的任务就是要监视这些工兵营地的活动情况.由于采取了某种先进的监测手段,所以每个工兵营地的人数C国都掌握的一清二楚,每个工兵营地的人数都有可能发生变动,可能增加或减少若干人手,但这些都逃不过C国的监视. 中央情报局要研究敌人究竟演习什么战术,所以Tidy要随时向

rails模板生成bootstrap格式的simple_form的erb文件

1.lib目录下新建 /lib/templates/erb/scaffold/_form.html.erb 模板可以生成_form.html.erb文件 <%%= simple_form_for(@<%= singular_name %>) do |f| %> <%%= f.error_notification %> <div class="col-md-6"> <div class="form-inputs"&

Java:封装POI实现word的docx文件的简单模板功能

一:场景 通过Word模板来实现动态的word生成 二: 基本要求 1:替换文本中的内容 2:替换表格中的内容(不用动态生成表格) 3:替换后的内容应该与替换前的内容格式相同 4:模板修改方便 5:效果如下: 模板: 结果: 三:poi分析 使用方法:直接读取word文件,替换里面各个部分的内容 优点:直接使用word文件作为模板 缺点:本身的替换逻辑无法保留格式 四:为什么选择封装POI 1:因为时间和学习成本(懒)的问题,没有研究docx的xml规则,因此决定直接对现有的工具进行封装,来实现

vue学习(三)完善模板页(bootstrap+AdminLTE)

1.配置index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init

登录页面简单模板

一  div+glyphicon图标,效果图如下: 代码如下: <!-- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> -

tornado api 简单模板

# 安装 pip insatll tornado # 主文件 web_server.py #!/usr/bin/env python # encoding: utf-8 import tornado.httpserver import tornado.options import tornado.web from tornado.options import define,options import sys,os,re from apicode import Apicode reload(sy

简单模板view调用

$this->display();//模板名称与当前控制器.当前操作方法的名称不一致 $this->display();//调用当前控制器对应目录指定名称的模板 $this->display();调用其他控制器下的具体模板文件