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