有哪些 Bootstrap 的學習案例？

時間 2019-11-17

原文原文鏈接

bootstrap經典實用案例

bootstrap經典實用案例(很是詳細),從菜鳥到高手的過程是艱辛的，你渴望救助。這本教程就是你無言的助手，默默的幫你到永遠。帶奮鬥一塊兒飛翔，由於有了它，讓我擁有理智之思；我才使過去的失誤再也不重演到今天的影片裏；我才能使過去的成功在人生中繼續昇華；我才能真正收穫金秋豐碩的果實，品味人生的快樂。css

出處：http://download.csdn.net/download/lzb2512/5307039html

=================================================================前端

how2j.cn 以實例驅動學習html5

哈哈，這個就是用Bootstrap的大屏幕作的效果，實現起來很簡單，代碼在這裏： http://how2j.cn/k/boostrap/boostrap-jumbotron/495.htmlreact

若是你用過了Bootstrap就知道用起來很簡單，可是若是你沒用過，而後第一次去學習Bootstrap的網站的官網: Getting started · Bootstrap，放心好了，你必定會被各類術語： Bootstrap CDN，Install with npm, Grunt 什麼的嚇着，讓你覺得，我靠，用Bootstrap 要這些都會啊？那恐怕個人基礎知識還不夠用Bootstrap吧？是的，我當初就是這種懵逼的感受jquery

可是，我上課要教這些東西啊，因此只有硬着學了。學完了以後，整理一遍，再用很平緩的曲線把Bootstrap的知識表現出來，基本上個人學生們一下下。。。就會了~npm

那麼到底怎麼使用呢？三個步驟bootstrap

1. 加上標籤，由於Bootstrap用到了html5的特性，因此須要聲明一下學習

<!DOCTYPE html>

2. 導入css和js網站

<script src="js/jquery/2.0.0/jquery.min.js"></script> <link href="css/bootstrap/3.3.6/bootstrap.min.css" rel="stylesheet"> <script src="js/bootstrap/3.3.6/bootstrap.min.js"></script>

3. 套用class