转载请注明出处：http://blog.csdn.net/qq_26525215

本文源自【大学之旅_谙忆的博客】

BootStrap简介

什么是BootStrap

它由Twitter的设计师Mark Otto和Jacob Thornton合作开发。
基于 HTML、CSS、JAVASCRIPT。
主要是前端的框架(HTML、CSS、JS)。
（使用BootStrap前需要先导入JQurey）

Bootstrap有什么样的特点？

学习比较简单，只要有了一定的HTML、CSS、JS基础，就可以学习。
响应式布局。
移动设备优先。

Bootstrap环境安装

下载网址:

BootStrap3: http://v3.bootcss.com/
BootStrap4: http://v4.bootcss.com/

下载完后解压:

我们一般需要的就是:
CSS

JS

要想使用Bootstrap必须要先加载jquery。

Bootstrap基本模板

HTML5文档类型定义

Boostrap的文档是基于HTML5的。因此，要使用HTML5的文档类型定义(DTD)。

<!DOCTYPE html>

字符集设置

<meta charset="utf-8">

设置移动设备优先

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

引入CSS和JS文件

<!DOCTYPE html>
<html>
<head><title>BootStrap基础入门</title><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="stylesheet" href="bootstrap3/css/bootstrap.min.css"><script type="text/javascript" src="js/jquery.slim.min.js" ></script><script type="text/javascript" src="bootstrap3/js/bootstrap.min.js" ></script>
</head>
<body></body></html>

好了，上面那个就是一个最简单的模板了，然后你可以直接使用bootstrap的样式了哦。

本文章由[谙忆]编写，所有权利保留。
欢迎转载，分享是进步的源泉。

转载请注明出处：http://blog.csdn.net/qq_26525215

本文源自【大学之旅_谙忆的博客】

【BootStrap】Bootstrap简介、环境安装与基本模板相关推荐

Bootstrap部分---环境安装及一个可视化的布局；
一:环境安装*****顺序不可变***** <head> 如果需要可以设定,移动设备优先 <meta name="viewport" content=" ...
Jmeter系列之简介与环境安装
VOL 125 20 2020-05 今天距2021年225天这是ITester软件测试小栈第125次推文点击上方蓝字"ITester软件测试小栈"关注我,每周一.三.五早上 ...
Tool/IDE之MinGW：MinGW(C++环境)的简介、安装、使用方法之详细攻略
Tool/IDE之MinGW:MinGW(C++环境)的简介.安装.使用方法之详细攻略目录 MinGW的简介 MinGW的安装 1.安装 2.安装好后选择需要下载的安装包 3.配置环境变量 4.测试 ...
Python：Python多种集成开发环境(IDE，编译器)的简介、安装、入门、使用方法之详细攻略
Python:Python多种集成开发环境(IDE,编译器)的简介.安装.入门.使用方法之详细攻略目录 Python多种编译器的简介.安装.入门.使用方法 1.Anaconda 2.ipython ...
Python IDE之Pydev：基于Eclipse搭建python的编译环境(Eclipse+pydev)简介、安装、使用的详细攻略
Python IDE之Pydev: 基于Eclipse搭建python的编译环境(Eclipse+pydev)简介.安装.使用的详细攻略目录 pydev简介 PyDev 安装和配置 1.安装MyEc ...
学习总结5 - bootstrap学习记录1__安装
1.bootstrap是什么? 简洁.直观.强悍的前端开发框架,说白了就是给后端二把刀开发网页用的,让web开发更迅速.简单. 复制代码 2.如何使用? 如图所示到bootstrap中文网进行下载复 ...
CV：计算机视觉技最强学习路线之CV简介(传统视觉技术/相关概念)、早期/中期/近期应用领域(偏具体应用)、经典CNN架构(偏具体算法)概述、常用工具/库/框架/产品、环境安装、常用数据集、编程技巧
CV:计算机视觉技最强学习路线之CV简介(传统视觉技术/相关概念).早期/中期/近期应用领域(偏具体应用).经典CNN架构(偏具体算法)概述.常用工具/库/框架/产品.环境安装.常用数据集.编程技巧 ...
Java：计算机编程语言Java的简介、安装(编程环境/工具)、学习路线(如何学习Java以及几十项代码编程案例分析)之详细攻略
Java:计算机编程语言Java的简介.安装(编程环境/工具).学习路线(如何学习Java以及几十项代码编程案例分析)之详细攻略目录 Java的简介 1.Java的工作原理--基于Eclipse等编 ...
CentOS7环境安装Kubernetes四部曲之二：配置模板和安装master
本文是<CentOS7环境安装Kubernetes四部曲>系列的第二篇,前一篇<CentOS7环境安装Kubernetes三部曲:标准化机器准备>我们把机器准备好了,并且做了必 ...

【BootStrap】Bootstrap简介、环境安装与基本模板