bootstrap-modal 學習筆記 源碼分析
Bootstrap是Twitter推出的一個開源的用於前端開發的工具包,怎么用直接官網 http://twitter.github.io/bootstrap/ 我博客的定位就是把這些年看過的源碼給慢慢的總結出來,才疏學淺,不到位的見諒~ css部分呢Bootstrap由動態CSS語言 ...
原文：bootstrap源碼學習與示例：bootstrap-modal
bootstrap modal譯為模態對話框，也就是帶遮罩層的對話框。 從它的源碼實現來看有點羅索。 它的HTML結構分三分部，首部，內容區，底層，底部放按鈕或分頁欄。 lt div class modal hide fade gt lt div class modal header gt lt button type button class close data dismiss modal a ...
2012-12-22 14:46 0 14370 推薦指數：
相關推薦
使用 bootstrap-modal遇到的問題
bootstrap提供了一個寫好的css文件和js文件然而在使用時遇到了一下並不是很好的問題，今天在使用彈出對話框時遇到了一個這樣的問題 上述代碼 問題是當單機對話框的邊緣時就是陰暗的背影時對話框自動消失，查看了bootstrap的官網也沒找到最后在中文翻譯的網站http ...
bootstrap源碼學習與示例：bootstrap-alert
bootstrap-alert組件基本活兒在CSS上，JS部分就是一個關閉事件。這是框架提供的關閉事件，在這之前，你可以通過on方法綁定close,closed這兩種回調，它會在關閉時被調用。基本上，你只要引入了JS文件，HTML按它格式要求寫，它就能干活了。 需要注意的有兩個： 關閉銨 ...
bootstrap源碼學習與示例：bootstrap-collapse
這次說的是手風琴組件，但是bootstrap的實現有點奇怪，CSS中的類名以accordion為前綴，JS里面的處理組件與相關方法為collapse。 HTML結構以下：類名accordion的DIV包含N個類名為accordion-group的DIV，每組又分兩部分 ...
bootstrap源碼學習與示例：bootstrap-carousel
bootstrap的旋轉木馬組件，不過只能自動從左到右，而且與其他組件不一樣，需要自己手動初始化一下。 結構還是算簡單， <div id="myCarousel" class="carousel slide"> <div class ...
bootstrap源碼學習與示例：bootstrap-popover
bootstrap-popover是bootstrap-toolbar的子類。它就比toolbar多一個content參數，其他就是一些默認值不同。與toolbar一樣沒有自定義事件。 名稱 類型 默認 描述 ...
bootstrap源碼學習與示例：bootstrap-tooltip
tooltip是bootstrap第二復雜的組件，近三百行。配置項比較多。並且需要手動初始化。另一個特點是沒有自定義事件。 名稱 類型 默認 描述 animation 布爾值 true ...
bootstrap源碼學習與示例：bootstrap-affix
bootstrap在2.1新增的組件，直譯過來就是固定。其實這組件很簡單，就是通過添加或移除affix這個類名實現屏幕固定或不固定。當頁面加載完畢時，JS插件會搜索頁面上所有[data-spy="affix"]的元素，然后找其data-offset-top或data-offset-bottom屬性 ...