Bootstrap是目前响应式及行动装置网页设计，最知名的框架，提供了包含HTML、CSS及JS等内容的框架。是前端应用工具，包含了
那最入门的是CSS框架，CSS代表了网页的门面、设计感，是构成网页的基本元素，应用Bootstrap则可以帮助开发者设计网页时，以立即套用的功能，加速建构响应式内容，也可以提前处理一些跨浏览器可能产生的问题。
但也不一定要使用Bootstrap，CSS发展自今，设计上也越来越方便，Bootstrap只是提前帮各位做好一些工作，然而有时候做了太多工作，或者开发过程中不想要太多的束缚，就可以选择不使用Bootstrap。
这边也介绍一些Bootstrap的优点：
也由於Bootstrap全面性，累积了许多爱用者，社群资源也算蛮丰富的，几乎大大小小的问题都可以找到相关ㄉ讨论
目前最稳定的版本是 3.X
getbootstrap
下载之後解压缩档案，并更名为你的专案，接着，根据其Basic template开始，建立index.html，就可以开始，这个Basic template，建立了一个基本的html架构，并包含了ㄧ些基本设定，如viewport、stylesheet link等
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bootstrap 101 Template</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<h1>Hello, world!</h1>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
要注意!这边有个重要的设定
<meta name="viewport" content="width=device-width, initial-scale=1">
是设定响应式的设计的启端，，目的是将"内容的宽度参数" 等於 "设备的显示宽度"，这样在CSS里面设定width:100%才会符合设备的显示宽度，user-scalable=0 代表不允许，若没特殊需求就维持这个设定吧，或是 user-scalable=1, maximum-scale=2.0，则代表允许手动放大，最多放大到2倍。
<link href="css/bootstrap.min.css" rel="stylesheet">
范例先引入min.css的内容，还有其他完整版css、theme.css、theme.min.css，如果只是为了设定响应式的格线
及一些简单排版，例如navbar、jumbotron，则使用min.css就够了，一般网页则会依据需求同时引入好几份文件，但是最基本的，就是min.css以及自己自订的style.css这两份。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
最下面是引用jquery的来源，之所以来源会包含"ajax.googleapis…"的原因，是因为jquery运作必须仰赖JavaScript引擎，这边则是藉助了googleapis，比较有规模的则会在自己服务器建引擎。
而开发时则下载 JavaScript，让他在本地端运作，这样测试起来比较快。
<<: Day 24 Password Attacks - 密码生成器 (Wordlists, CeWL, Crunch)
Golang OAuth 2.0 在一开始的开赛目标就是希望可以完成golang + OAuth 2...
FB登入 第10步：开启 /app/res/values/strings.xml 档案。 FB会自动...
在进入使用Vue.js时做之前，先让我们来了解一下Vue.js的架构吧! Although not ...
第二个要考量的风险是针对资讯安全管理系统范围内的机密性、完整性及可用性损害的风险，在此我想要开始用完...
软件专案通常由许多程序码档案以及资源档组成，C++ 专案透过编译、连结产生各平台的可执行档。多数专案...