非响应式布局

　　在使用非响应式布局时,在<head>标签中需要加入一下内容，其中最主要的是non-responsive.css文件

  1.  <head>
  2.          <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  3.  
  4.          <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  5.  
  6.          <!-- The above 2 meta tags *must* come first
  7.          in the head; any other head content must come *after* these tags --> 
  8.  
  9.          <!-- Note there  is no responsive meta tag here -->
  10.          <link rel="icon" href="http://v3.bootcss.com/favicon.ico">
  11.          <title>Non-responsive Template for Bootstrap</title>
  12.  
  13.          <!-- Bootstrap core CSS -->
  14.          <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  15.  
  16.          <!-- Custom styles for this    template -->
  17.          <link href="http://v3.bootcss.com/examples/non-responsive/non-responsive.css" rel="stylesheet">
  18.  
  19.          <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  20.          <!--[if lt IE 9]>
  21.              <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  22.              <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  23.          <![endif]-->
  24.  </head>

响应式布局

　　在使用响应式布局时,在<head>标签中只需要加入 <meta name="viewport" content="width=device-width, initial-scale=1">

　　其<head></head>标签中的内容是这样的

  1.  <head>
  2.          <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  3.  
  4.          <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  5.  
  6.          <!-- The above 2 meta  tags *must*  come first
  7.          in the head; any other head content must come *after* these tags --> 
  8.  
  9.          <!-- Note there is no responsive meta tag here -->
  10.          <link rel="icon" href="http://v3.bootcss.com/favicon.ico">
  11.          <title>responsive Template for Bootstrap</title>
  12.  
  13.          <!-- Bootstrap core CSS -->
  14.          <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
  15.          <meta name="viewport" content="width=device-width, initial-scale=1">
  16.  
  17.          <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  18.          <!--[if lt IE 9]>
  19.              <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  20.              <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
  21.          <![endif]-->
  22.      </head>

Boostrap响应式与非响应式的更多相关文章

  1. 阻塞式和非阻塞式IO

    有很多人把阻塞认为是同步,把非阻塞认为是异步:个人认为这样是不准确的,当然从思想上可以这样类比,但方式是完全不同的,下面说说在JAVA里面阻塞IO和非阻塞IO的区别 在JDK1.4中引入了一个NIO的 ...

  2. 多态设计 zen of python poem 显式而非隐式 延迟赋值

    总结 1.python支持延迟赋值,但是给调用者带来了困惑: 2.显式而非隐式,应当显式地指定要初始化的变量 class Card: def __init__(self, rank, suit): s ...

  3. Spring学习（1）：侵入式与非侵入式，轻量级与重量级

    一. 引言 在阅读spring相关资料,都会提到Spring是非侵入式编程模型,轻量级框架,那么就有必要了解下这些概念. 二. 侵入式与非侵入式 非侵入式:使用一个新的技术不会或者基本不改变原有代码结 ...

  4. 如何实现XA式、非XA式Spring分布式事务

    Spring应用的几种事务处理机制 Java Transaction API和XA协议是Spring常用的分布式事务机制,不过你可以选择选择其他的实现方式.理想的实现取决于你的应用程序使用何种资源,你 ...

  5. Java基础知识强化之多线程笔记07：同步、异步、阻塞式、非阻塞式 的联系与区别

    1. 同步: 所谓同步,就是在发出一个功能调用时,在没有得到结果之前,该调用就不返回.但是一旦调用返回,就必须先得到返回值了. 换句话话说,调用者主动等待这个"调用"的结果. 对于 ...

  6. Spring 侵入式和非侵入式

    1.非侵入式的技术体现 允许在应用系统中自由选择和组装Spring框架的各个功能模块,并且不强制要求应用系统的类必须从Spring框架的系统API的某个类来继承或者实现某个接口. 2.如何实现非侵入式 ...

  7. 基于NIO写的阻塞式和非阻塞式的客户端服务端

    由于功能太过简单,就不过多阐述了,直接上阻塞式代码: package com.lql.nio; import org.junit.Test; import java.io.IOException; i ...

  8. PHP PDO_MYSQL 链式操作 非链式操作类

    <?php /* vim: set expandtab tabstop=4 shiftwidth=4: */ // +-------------------------------------- ...

  9. 登录式与非登录式&交互式与非交互式shell及其环境初始化过程

    交互式shell和非交互式shell(interactive shell and non-interactive shell) 交互式模式就是在终端上执行,shell等待你的输入,并且立即执行你提交的 ...

随机推荐

  1. [转载]在iTOP-4412开发板上调试helloworld应用

    本文转自迅为论坛:http://www.topeetboard.com 1.安装ADB驱动 在开发板上调试 Android 应用,首先要安装 ADB 驱动. 通过“SDK Manager.exe”来安 ...

  2. FileOutputFormat

    TextOutputFormat<K,V> 默认输出字符串输出格式: SequenceFileOutputFormat<K,V> 序列化文件输出: MultipleOutput ...

  3. selenium使用等待的几种方式

    1.使用java的sleep try { Thread.sleep(3000); } catch (InterruptedException e) { // TODO Auto-generated c ...

  4. IOS Orientation, 想怎么转就怎么转~~~

    此博文主要针对IOS应用, 是屏幕旋转相关问题的一个总结. 主要内容有: IOS5,6,7不同版的适配. 强制旋转和自动旋转. 博客: http://www.cnblogs.com/jhzhu 邮箱: ...

  5. Spring MVC Spring MyBatis 整合 - 快速上手

    我个人比较喜欢写注释,在工作中对注释的重要性看的也比较高,所以大部分文字都在注释中,代码外的文字会写的偏少,关键能懂就行 先看一下整合后的工程目录(单工程,多工程以后会采用maven) 5个packa ...

  6. 第51课 C++对象模型分析（下）

    1. 单继承对象模型 (1)单一继承 [编程实验]继承对象模型初探 #include <iostream> using namespace std; class Demo { protec ...

  7. Resharper团队协作之TODO

    TODO 需求 首先我想跟大家分享一下我们团队的代码检查流程. 1. 项目经理随时会检查成员的代码,如果发现有不符合规范的代码,会在注释里面加todo.比如,假设leo的代码不符合规范,那么项目经理就 ...

  8. Windows远程桌面连接Ubuntu 14.04

    由于xrdp.gnome和unity之间的兼容性问题,在Ubuntu 14.04版本中仍然无法使用xrdp登陆gnome或unity的远程桌面,现象是登录后只有黑白点为背景,无图标也无法操作.与13. ...

  9. ubuntu 命令收集

    1. ctrl + Alt + F1:   进入纯粹的命令行. 2. ctr + Alt + T :    从图形界面打开终端.

  10. 【从0到1】android网络框架的选型参考

    项目会使用到 socket tcp 级的网络访问,想选取一个使用较成熟异步网络框架, 提到的网络框架: 1. volley, 2. xutils. 3. android 4. netty, 5. mi ...