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