作為一個純小白手殘星人，總想自己做一個網站，Wix，Strikingly這一類的可視化建站的工具，自由度不高，付費賊貴，自己做的又不好看又費時間，聽說bootstrap這種前端框架可以自己做網頁，之前看了教程摸不到腦袋，這一次在我們程序員哥哥大腿@Victor OA 的幫助下，成功搞明白了怎么弄。
1.第一步是下載Bootstrap
打開這個網頁 起步 · Bootstrap v3 中文文檔下載他的環境和源碼
2.下載一個超文本編輯器（如果你沒有）
推薦Brackets Brackets - A modern, open source code editor that understands web design.
3.打開例子
BC1EF030-1F1B-4874-B5BB-FE26353C5A3A.png
4.打開blog模版
把index.html放到我們的編輯器里面
5.修改代碼
整個html文件呢分為head部分和body部分。
先講一下頭文件。
頭文件里呢放了一些引入css、js這些文件（就是炫酷的已經寫好的效果！）我們就不要動，唯一需要修改的呢就是title這個地方。
body部分
body就是網頁里面所有呈現的內容部分啦。body里有很多div，div是什么呢？
div就是分割網頁元素的東西，那div后面的class呢？就是預先寫好的css樣式，就是決定這一塊里面的元素要長什么樣子的。
用模版的話，可以改改文案，圖片的內容。就做成自己的啦！
下面細致講一下圖片，文案，還有超鏈接加在哪里
圖片
這個是一個典型的圖片的標簽
src就是圖片的連接啦，可以把自己的圖片放在整個例子的文件夾里然后給上超鏈接，也可以直接把圖片放在網上，用網絡的url的哈～
3.6更新明明看著有圖怎么找不到 img？？
1.用Chorme開發者模式看一下該區域所在的div class=xxx，這個xxx是什么
2.打開模版里的css 文件 control＋F 查找上一步class的名字
3.看看是不是找到圖片了？
文案
所有黑色的字都是文案都可以改！
![黑色的都是txt哦]
這個就是超鏈接的標簽啦！就是你點擊這個超鏈接包含的圖片、文字就會跳轉到的地方。
可以是網絡url或者是本地的html文件～
哈哈哈哈
下面講一下我們怎么自己照著規范來寫bootstrap
組件 · Bootstrap v3 中文文檔
打開這里看一下所有的bootstrap框架包括的內容
舉個例子
按鈕
我們要寫一個按鈕
那我們可以復制一下這個上面的代碼到我們自己的例子里
找到你要放的地方的div這個方面推薦chorme瀏覽器查看源碼－
開發者工具
點一下這個小箭頭，你移到網頁上的任何元素都可以找到屬于他的那個div。然后你就可以照貓畫虎啦！
我先加一下上面那個代碼
按這個運行一下看看效果
完美～
第一次寫比較倉促，還望能幫助大家！
希望大家都有自己酷酷的網站哦耶
