您好,登錄后才能下訂單哦!
這篇文章給大家分享的是有關bootstrap是不是js框架的內容。小編覺得挺實用的,因此分享給大家做個參考,一起跟隨小編過來看看吧。
Bootstrap是Twitter推出的一個開源的用于前端開發的工具包,是一個CSS/HTML框架。
它由Twitter的設計師Mark Otto和Jacob Thornton合作開發。
Bootstrap提供了優雅的HTML和CSS規范,它即是由動態CSS語言Less寫成。
Bootstrap一經推出后頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。
Bootstrap是基于jQuery框架開發的,它在jQuery框架的基礎上進行了更為個性化和人性化的完善,形成一套自己獨有的網站風格,并兼容大部分jQuery插件。
Bootstrap中包含了豐富的Web組件,根據這些組件,可以快速的搭建一個漂亮、功能完備的網站。
其中包括以下組件:下拉菜單、按鈕組、按鈕下拉菜單、導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等
我們設計的網站中就有使用到下拉菜單和滑動廣告圖等,雖然說使用插件能使制作設計網頁簡單,但是在使用之前,我們對這個新的知識內容進行了學習,了解其功能運作,才能使其貼合地使用在我們設計的內容板塊上
例如:下拉菜單的實例
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap 實例 - 下拉菜單(Dropdowns)</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script></head><body><div class="dropdown"> <button type="button" class="btn dropdown-toggle" id="dropdownMenu1" data-toggle="dropdown"> 主題 <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1"> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">Java</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">數據挖掘</a> </li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">數據通信/網絡</a> </li> <li role="presentation" class="divider"></li> <li role="presentation"> <a role="menuitem" tabindex="-1" href="#">分離的鏈接</a> </li> </ul></div></body></html>
感謝各位的閱讀!關于“bootstrap是不是js框架”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,讓大家可以學到更多知識,如果覺得文章不錯,可以把它分享出去讓更多的人看到吧!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。