非响应式布局

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

 <head>

         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

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

         <!-- The above 2 meta tags *must* come first

         in the head; any other head content must come *after* these tags --> 

         <!-- Note there  is no responsive meta tag here -->

         <link rel="icon" href="http://v3.bootcss.com/favicon.ico">

         <title>Non-responsive Template for Bootstrap</title>

         <!-- Bootstrap core CSS -->

         <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

         <!-- Custom styles for this    template -->

         <link href="http://v3.bootcss.com/examples/non-responsive/non-responsive.css" rel="stylesheet">

         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

         <!--[if lt IE 9]>

             <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

             <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

         <![endif]-->

 </head>

响应式布局

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

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

 <head>

         <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

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

         <!-- The above 2 meta  tags *must*  come first

         in the head; any other head content must come *after* these tags --> 

         <!-- Note there is no responsive meta tag here -->

         <link rel="icon" href="http://v3.bootcss.com/favicon.ico">

         <title>responsive Template for Bootstrap</title>

         <!-- Bootstrap core CSS -->

         <link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">

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

         <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

         <!--[if lt IE 9]>

             <script src="//cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

             <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

         <![endif]-->

     </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. 一·创建Linux服务器（基于阿里云）

    本系统是基于阿里云服务器,购买请前往https://www.aliyun.com/?spm=5176.8142029.388261.1.taXish ,由于经济能力的限制,本人购买的是最低配置如下 其 ...

  2. jQuery 1.9 .live() is not a function

    jquery中的live()方法在jquery1.9及以上的版本中已被废弃了,如果使用,会抛出TypeError: $(...).live is not a function错误. 解决方法: 之前的 ...

  3. 由fdopen和fopen想到的

    ISO C并没有规定fdopen,而是POSIX的补充. FILE *fopen(const char *path, const char *mode); FILE *fdopen(int fd, c ...

  4. Geoserver发布WMS服务出错分析

    使用Geoserver发布一个空间表,在图层预览的过程中没有任何问题,但是当我根据这个空间表传创建视图再发布wms服务,访问时就会报错,错误信息如下: Caused by: java.sql.SQLE ...

  5. Qt与VC编程合作起龌龊

    由于历史原因,某软件项目的界面采用QT,而后台用了VC,界面静态调用了VC生成的dll,一直以来都能够快乐的合作,然而最近出现两个小问题,觉得两者之间的合作并没有想象的那么美好. 在VC下用多媒体定时 ...

  6. 边工作边刷题：70天一遍leetcode: day 83

    Find the Duplicate Number 要点:通过Pigeonhole principle对值空间做binary search,具体来说, low,mid,high都是值空间,所以范围是[ ...

  7. make命令--基础

    一.Make的概念 Make这个词,英语的意思是"制作".Make命令直接用了这个意思,就是要做出某个文件.比如,要做出文件a.txt,就可以执行下面的命令. $ make a.t ...

  8. HDU 5033 Building --离线+单调栈

    题意:给一些建筑物,x表示横坐标,h表示高度,然后查询某些坐标x,问从该点看向天空的最大张角是多大. 解法:离线操作,读入所有数据,然后按x升序排序,对每一个查询的x,先从左到右,依次添加x坐标小于x ...

  9. js正则匹配只能输入有效数字可加小数点

    var reg = /^\d+\.?\d*$/; if(value.search(/^\d+\.?\d*$/)===0 && parseFloat(value)>0){//只能输 ...

  10. 大话redis/memcache缓存

    通常情况下,随着业务量增加,对后端数据库的访问压力也会随之加大.当数据库访问压力渐渐增大时,除了升级数据库配置提高数据库本身的抗压能力外,我们也可以采用在应用服务器与数据库服务器之间架设数据库缓存服务 ...