1.Bootstrap
Bootstrap是Twitter公司于2011年8月開源的整體式前端框架，由Twitter的設計 Mark Otto 和 Jacob Thornton合作開發。
Bootstrap是當前應用最廣泛、最為開發者所熟知的前端框架。
2.Bootstrap JavaScript特效
Bootstrap的流行很大程度上得益于大大降低了頁面開發的學習成本。Bootstrap實現了從UI到JavaScript代碼的一體化，只要在HTML代碼中加入框架約定的觸發器，就可以實現大多數的效果。即使用到官方沒有提供的效果，開源社區的開發者也往往能提供現成的解決方案。
標簽頁切換由兩部分組成：
（1）標簽頁部分
為<ul>/<ol>添加 .nav 和 .nav-tabs 類，使其展現為標簽頁的樣式，<li>中<a>標簽需要添加 data-toggle=“tab”觸發器，href 的值要對應 內容部分 的 id值。
（2）內容部分
需要包裹在<div class="tab-content"> …</div>內部，每個<div class="tab-pane"> …</div>內部包裹一個內容單項，并給<div class="tab-pane">標簽設置id，用于與標簽頁的href屬性值對應。
3.折疊：
用于內容的展開/收起，功能同標簽頁類似，效果不同。折疊可以同時展開多項內容，而標簽頁只能同時展開一個。
構建單個元素的展開/收起，只需為標題容器添加data-toggle=“collapse”觸發器并將data-target屬性的值和折疊內容容器的id相對應即可。
遠近互聯前端小華整理發布，希望能對學習技術的你有所幫助
遠近互聯專業提供網站建設、APP開發、網站優化、外貿網站SEO、微信運營的品牌整合營銷服務讓客戶通過網絡品牌建立與網絡傳播提高業績。
