什么是 Bootstrap？

Bootstrap 是一個(gè)用于快速開發(fā) Web 應(yīng)用程序和網(wǎng)站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。

歷史

Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 開發(fā)的。Bootstrap 是 2011 年八月在 GitHub 上發(fā)布的開源產(chǎn)品。

Bootstrap 包的內(nèi)容

基本結(jié)構(gòu)：Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。這將在 Bootstrap 基本結(jié)構(gòu) 部分詳細(xì)講解。

CSS：Bootstrap 自帶以下特性：全局的 CSS 設(shè)置、定義基本的 HTML 元素樣式、可擴(kuò)展的 class，以及一個(gè)先進(jìn)的網(wǎng)格系統(tǒng)。這將在 Bootstrap CSS 部分詳細(xì)講解。

組件：Bootstrap 包含了十幾個(gè)可重用的組件，用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。這將在 布局組件 部分詳細(xì)講解。

JavaScript 插件：Bootstrap 包含了十幾個(gè)自定義的 jQuery 插件。您可以直接包含所有的插件，也可以逐個(gè)包含這些插件。這將在 Bootstrap 插件 部分詳細(xì)講解。

定制：您可以定制 Bootstrap 的組件、LESS 變量和 jQuery 插件來得到您自己的版本。

在項(xiàng)目中我們經(jīng)常可以見到像省市縣選擇，其實(shí)實(shí)現(xiàn)方法有很多種，下面小編給大家介紹bootstrap 智能表單之bootstrap級(jí)聯(lián)下拉的支持，具體介紹如下所示：

1.有在第一級(jí)選擇的時(shí)候去加載或者從本地對(duì)象中拿第一級(jí)對(duì)應(yīng)的數(shù)據(jù)源顯示到列表中，第二級(jí)以此類推

2.也有將所有的項(xiàng)都加載到select中，然后通過關(guān)聯(lián)來顯示或隱藏與上一級(jí)別無關(guān)的項(xiàng)

感覺還是第二種簡單一些，于是使用了第二種方式來實(shí)現(xiàn)的，其余的就不廢話了

代碼如下(頁面地址：https://github.com/xiexingen/Bootstrap-SmartForm/blob/master/demo/form3-ele-cascade.html)：

本地運(yùn)行截圖：

以上所述是小編給大家介紹的BootStrap智能表單實(shí)戰(zhàn)系列(十一)級(jí)聯(lián)下拉的支持的全部敘述，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

最新評(píng)論