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

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

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

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

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

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

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

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

下拉試驗原理？

下拉菜單的使用及原理

1

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

ltdiv class#34dropdown#34gtlt/divgt

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

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

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

2

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