Bootstrap部分---环境安装及一个可视化的布局；

一：环境安装*****顺序不可变*****

<head>

如果需要可以设定，移动设备优先

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

<link href="../../../bootsrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js"></script>

<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

<style>
@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:100%}}
@media (min-width:1200px){.container{width:100%}}
*{ margin:0px auto; padding:0px;}</style>

</head>

总结：

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title>
<!--1.引入 Bootstrap--->
<link href="../../../bootsrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--2.引入    jquery--->
<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js"></script>
<!--3.引入 js-------->
<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script><style>
<!--4.引入以下内容，给网格改宽度-------->
@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:100%}}
@media (min-width:1200px){.container{width:100%}}
*{ margin:0px auto; padding:0px;}</style>
</head>

可视化的一个布局：在一个div class=container中，一个大框（分别占用2,4,6）大框中间的6格框（4,4,4）左边的4格（8,2）中间4格（6,6）右边4格（12）

转载于:https://www.cnblogs.com/xingyue1988/p/6073172.html

Bootstrap部分---环境安装及一个可视化的布局；相关推荐

AJAX教程系列一：环境安装及第一个ajax程序
去官网下载wamp服务器,一路next即可.PS:也可下载我本人所使用版本http://pan.baidu.com/s/1slOmEYx 下载dw wamp安装成功后,在你所在磁盘目录!![其中画红框 ...
Nginx和MySQL数据库下载及环境安装配置——外加可视化Navicat配置
1.先下载Nginx服务和MySQL服务提取码:6tpi 网盘分享链接 Nginx 和 MySQL 下载下载后解压我们需要先配置以下首先打开文件夹 MySQL, 打开my.ini文件我们把当 ...
linux LyX中文编辑环境安装配置指南-TeX可视化工具
TeX可以说是国际上排版的标准,尤其是论文.书籍之类,对公式的表现比MS办公系列强的太多,格式异常优美,但是由于其比较复杂的命令,非可视化编辑,所以使得入门门槛较高,所以出现了LaTeX这样的命令宏包 ...
【BootStrap】Bootstrap简介、环境安装与基本模板
转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自[大学之旅_谙忆的博客] BootStrap简介什么是BootStrap 它由Twitter的设计师Mark ...
使用VS2019开始第一个C语言程序，环境安装配置+代码实例
C语言文章更新目录 C/C++学习资源(百度云盘链接) 计算机二级资料(过级专用) C语言学习路线(从入门到实战) 编写C语言程序的7个步骤和编程机制 C语言基础-第一个C程序 C语言基础-简单程序分 ...
Go语言环境安装，验证go语言环境、使用文本编辑器编写一个go hello world,Go lang IDE安装，在golang中新建一个go程序
1 Golang语言环境安装包下载 https://www.golangtc.com/ 下载: go1.9.2.windows-amd64.msi 和 go1.9.2.windows-amd64.zi ...
linux python复制安装,复制一个Python全部环境到另一个环境，python另一个,导出此环境下安装的包...
复制一个Python全部环境到另一个环境,python另一个,导出此环境下安装的包导出此环境下安装的包的版本信息清单pipfreeze>requirements.txt联网,下载清单中的包到a ...
物联网全栈教程--手把手教你开发一个智能浇花器（1）-开发环境安装
大家好,我是Mr_Dong,是一个集美貌和才华于一身的美男子.不允许反对.下面我们正式来讲ESP8266 开发环境的安装. 关于ESP8266是个啥?简单说来,ESP8266 是一个内置了单片机的WI ...
一个电脑的重装到java开发环境安装配置的全过程
刚拿到一台别人用过的电脑.看着c盘爆满,而且用了还是windows7操作系统,强迫症发作马上就准备重装系统. 之前换固态使用wepe制作U盘启动盘装系统的步骤和过程全部忘记的,贼尴尬. 同事都看不过眼 ...

Bootstrap部分---环境安装及一个可视化的布局；

如果需要可以设定，移动设备优先

Bootstrap部分---环境安装及一个可视化的布局；相关推荐

最新文章

热门文章