1.head标签里面的内容

<!DOCTYPE html>

<html lang="zh-cn">

  <head>

    <!-- 页面编码 -->

    <meta charset="utf-8">

    <!-- 标签名称 -->

    <title>index</title>

    <!-- IE渲染模式 -->

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <!-- 响应式布局 -->

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Bootstrap 样式文件-->

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">

    <!-- 自定义样式文件 -->

    <link  href="styles/site.css" rel="stylesheet">

    <!-- jquery脚本文件 -->

    <script src="scripts/js/jquery-1.11.1.min.js"></script>

    <!-- bootstrap脚本文件 -->

    <script src="bootstrap/js/bootstrap.min.js"></script>

  </head>

  <body>

    <header class="page-header">

      <h1>Index</h1>

    </header>

    <div>

      <div class="row">

        <div class="col-sm-3 col-sm-push-4" style="background-color: #f00">COL3</div>

        <div class="col-sm-3 col-sm-pull-2" style="background-color: #0f0">COL3</div>

      </div>

      <div class="row" style="min-height: 350px">

        <div class="col-sm-3" style="min-height: 350px">

          1

        </div>

        <div class="col-sm-9">

          <div class="row" style="min-height: 80px">

            2

          </div>

          <div class="row">

             <div class="col-sm-3" style="min-height: 270px">

                3

             </div>

              <div class="col-sm-6" style="min-height: 270px">

                4

             </div>

              <div class="col-sm-3" style="min-height: 270px">

                5

             </div>

          </div>

        </div>

      </div>

    </div>

  </body>

</html>

1.bootstrap的HTML文件编写规范的更多相关文章

  1. EDM文件编写规范及注意事项

    [设计EDM邮件] (1)乱码:你没法知道所有用户的系统环境,因此使用utf8来避免乱码是非常重要的 (2)绝对URL:若是相对URL,用户在打开页面是将看不到图片 (3)图片Alt属性:大多数邮件服 ...

  2. 20151009 C# 第一篇 程序编写规范

    20151009 程序编写规范 1. 代码书写规则: 1).尽量使用接口,然后使用类实现接口. 2).关键语句写注释 3).避免写超过5个参数的方法,如果要传递多个参数,则使用结构 4).避免代码量过 ...

  3. .NET代码编写规范 整理

    .NET代码编写规范 整理 .NET代码编写规范 - [ASP.NET] 2009-02-26 | Tag: 版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明 http://lensp ...

  4. MarkDown编写规范指南

    Markdown 编写规范指南 简介: Markdown的目标是实现「易读易写」,成为一种适用于网络的「书写语言」. 一份使用Markdown格式撰写的文件可以直接以纯文本发布,它的最大灵感来源其实是 ...

  5. Pdf File Writer 中文应用（PDF文件编写器C＃类库）

    该文由小居工作室(QQ:2482052910)    翻译并提供解答支持,原文地址:Pdf File Writer 中文应用(PDF文件编写器C#类库):http://www.cnblogs.com/ ...

  6. 代码编写规范说明书（c#.net与asp.net）

    代码编写规范说明书(c#.net与asp.net) 目 录1 目的2 范围3 注释规范3.1 概述3.2 自建代码文件注释3.3 模块(类)注释3.4 类属性注释3.5 方法注释3.6 代码间注释4 ...

  7. Java代码编写规范（不是标准规范，自行整理，无须纠结）

    最近回过头来给以前的项目增加功能,发现之前写的注释非常不全,代码也非常的不整洁,有些地方写的''窝七八烂的,看着很不舒服:又恰好经理最近也经常跟我提起代码规范,我们就讨论了一下代码规范的重要性和必要性 ...

  8. Markdown 编写规范

    说明及目的 作为一个在博客园混迹了俩三年的人,一直在这里看别人的博客,现在准备开始写自己的博客,目的呢,就是一下几点吧: 项目过程中的历史经验教训积累记载,吃一堑长一智,不想在同一个坑掉进去好几次 学 ...

  9. Python代码编写规范

    Python代码编写规范 编码: a)     如无特殊情况,文件一律使用UTF-8编码 b)     如无需特殊情况,文件头部必须加入#-*-coding:utf-8-*- 缩进 a)     统一 ...

随机推荐

  1. vos语音业务规范操作承诺函

    语音业务规范操作承诺函 *****网络科技有限公司: 我司开通固话2000线,话务价格为0.045元/分钟(仅拨打中国移动网内电话).为防止投诉.网外电话.欠费等语音话务风险,我司承诺如下:在业务上遵 ...

  2. JavaScript 正则表单验证（用户名、密码、确认密码、手机号、座机号、身份证号）

    1.关于JavaScript表单验证,如果使用双向绑定的前端js框架,会更容易的多.但是博主还是建议大家不要脱离源生js本身.因为源生js才是王道. 注意: a.代码中的错误提示可能会没有,在代码中找 ...

  3. 笨办法学Python（十八）

    习题 18: 命名.变量.代码.函数 标题包含的内容够多的吧?接下来我要教你“函数(function)”了!咚咚锵!说到函数,不一样的人会对它有不一样的理解和使用方法,不过我只会教你现在能用到的最简单 ...

  4. Simotion应用案例，使用Simotion web server调试，使用Project Generator创建项目，Simosim模拟运行运行项目

    Simotion web server simotion项目设计和调试过程中,web server功能越来越常用.例如Project generator生成的FBAxis, winder, print ...

  5. Convolutional Neural Networks from deep learning (assignment 1 from week 1)

    Convolutional Neural Networks https://www.coursera.org/learn/convolutional-neural-networks/home/welc ...

  6. springboot实现邮件发送

    1.创建springboot项目. 2.创建好的项目如图: 在static目录下新建index.html. 3.点击启动项目 在浏览器的地址栏中访问:http://localhost:8080/ 访问 ...

  7. IOS 数据加密总结（及MD5加密）

    数据安全总结 1.网络数据加密1> 加密对象:隐私数据,比如密码.银行信息2> 加密方案* 提交隐私数据,必须用POST请求* 使用加密算法对隐私数据进行加密,比如MD53> 加密增 ...

  8. linux 内存地址空间管理 mm_struct

    http://blog.csdn.net/yusiguyuan/article/details/39520933 Linux对于内存的管理涉及到非常多的方面,这篇文章首先从对进程虚拟地址空间的管理说起 ...

  9. 将命令的输出生成一个Web页面

    解决方法: ConvertTo-Html 命令: 生成一个HTML表格来代表命令的输出,为你提供的每个对象创建一行,在每行中,Powershell会创建代表对象属性的值. 实现效果:

  10. 【转】css行高line-height的一些深入理解及应用

    一.前言 前两天在腾讯ISD团队博客上看到一篇翻译的文章“深入理解css 行高”,是个不错的文章,学到了不少东西,建议您看看. 这里,我也要讲讲我对line-height的一些理解,所讲解的东西绝大多 ...