Bootstrap 自學心得

Bootstrap 這個框架大概算起來前前後後學了大概一個星期，不能說精通但是對應開發一個簡單的響應式頁面，或者是一個響應式後臺。難度以及不是很大

下面就來講一下自己自學的經驗和心得吧。

1.0 建議視訊和文件結合學習

如果html 和 css 以及 JavaScript 基礎不是特別好的朋友簡易可以先開發一個左右的 div+css 的網站 當然面對這樣幾個幾乎可以靠拖拽就實現完整構建的框架。就算你是一個小白也可以對著文件和教學視訊開發一個酷炫的響應式網站。

文件地址 bootstrap菜鳥教程 一個很方便的教程網站 模仿 w3c

官網文件

bootstrap官網 官方 官方 官方！！！

視訊地址 教學視訊地址 你沒有看錯 b站裡面有各式各樣的教學視訊 不可錯過 ！！！！

2.0 建議一邊學習一邊結合程式碼編寫你的網站。

這點真的很重要 光說不練相當白學 通過這個學習可以拓展你的程式碼庫 熟悉 bootstrap 的各種類

3.0 建議一邊學習一邊結合程式碼編寫你的網站。

這點真的很重要 光說不練相當白學 通過這個學習可以拓展你的程式碼庫 熟悉 bootstrap 的各種類。真的不用吧視訊全部看完 把文件全部看完 ！！！

4.0 迴歸基礎

我個人不是準備以一個前端工程師的身份求職 ，但是前端網頁製作我個人還是很感興趣對於jquery vue 的一些較淺的瞭解學習之後，更加發現js的重要性 對於js 閉包 ， 面對物件的 學習之後 在看，這些框架程式碼 變會覺得非常簡單。

5.0 BootStrap 的坑

1.0 面對一串英文不換行 實際操作時 我簡易的打啦一串字串作為內容填充網站 。但是內容溢位原因是：bootstrap 覺得這是一個單詞？ 見過五十個單詞字母的單詞嗎 ！解決辦法： 手動換行。。。

2.0 結構 結構 ！！！bootstrap 特有的網格系統（Grid System）容易造成自己斷片 所以建議寫的時候打好註釋 。

其他的坑後續有待補充(我個人純屬愛好學習，如果真正的前端工程師還是需要深入瞭解 響應式原理 原始碼)

tips：1. 面對一個小白前端程式設計師 尤其是對ui設計不行的朋友 可以去 站長素材這個網址去搜索一些響應式模板 模仿書寫。

2. BootStrap 視覺化佈局 不想寫程式碼？ 直接拖拽寫你的網址 跟玩似的。

3. jquery外掛庫 簡單複製創造酷炫的特效 站在巨人的肩上。