bootstrap在開發(fā)中遵循什么優(yōu)先的原則？Bootstrap是前端開發(fā)框架，遵循移動(dòng)優(yōu)先的原則。Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。Bootstrap 自帶以下特

bootstrap在開發(fā)中遵循什么優(yōu)先的原則？

Bootstrap是前端開發(fā)框架，遵循移動(dòng)優(yōu)先的原則。

Bootstrap 提供了一個(gè)帶有網(wǎng)格系統(tǒng)、鏈接樣式、背景的基本結(jié)構(gòu)。

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

組件：Bootstrap 包含了十幾個(gè)可重用的組件，用于創(chuàng)建圖像、下拉菜單、導(dǎo)航、警告框、彈出框等等。

JavaScript 插件：Bootstrap包含了十幾個(gè)自定義的jQuery 插件。您可以直接包含所有的插件，也可以逐個(gè)包含這些插件。

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

下拉試驗(yàn)原理？

下拉菜單的使用及原理

1

因?yàn)锽ootstrap.js是依賴jQuery來實(shí)現(xiàn)的，所以我們需要先加載jQuery組件。在Bootstrap中使用下拉菜單有一個(gè)非常嚴(yán)格的結(jié)構(gòu)，如果使用不當(dāng)則不能顯示出下拉菜單。使用class#34dropdown#34的容器包裹整個(gè)下拉菜單：

ltdiv class#34dropdown#34gtlt/divgt

使用一個(gè)ltbuttongt按鈕作為一個(gè)父級(jí)菜單，并且定義一個(gè)class#34dropdown-toggle#34，給ltbuttongt添加一個(gè)自定義屬性data-toggle#34dropdown#34，這里是相對(duì)固定的。所謂的相對(duì)固定是指按鈕的樣式可以修改：

ltbutton class#34btn btn-default dropdown-toggle#34 type#34button#34 data-toggle #34dropdown#34gtlt/buttongt

在ltbuttongt按鈕的同級(jí)添加一個(gè)ltulgt元素，并且添加class#34dropdown-menu#34。通過以上三種就可以實(shí)現(xiàn)一個(gè)簡(jiǎn)單的下拉菜單，完整代碼如下

2

將上面的代碼貼到頁(yè)面中運(yùn)行，單擊下拉菜單按鈕會(huì)出現(xiàn)下拉菜單，再次單擊該按鈕下拉菜單將消失。初始狀態(tài)下，下拉菜單默認(rèn)是不顯示的，這是因?yàn)樵赾lass#34dropdown-menu#34中設(shè)置了#34display：none#34來隱藏下拉菜單，我們可以使用chrome瀏覽器中的審查元素（或者Firefox中的Firebug）來查看其樣式。當(dāng)我們單擊下拉菜單的時(shí)候，class#34dropdown#34上會(huì)新增一個(gè)#34open#34類，再次單擊時(shí)#34open#34被移除，下拉菜單的顯示與隱藏就是這樣實(shí)現(xiàn)的。