如何應用Bootstrap的模態框
工具/材料
Sublime Text
操作方法
首先在HTML5頁面中添加壓縮好後的樣式檔案,如下圖所示,在大多數的項目中一般都會運用壓縮版的CSS檔案
然後在頁面中繼續添加,如下圖所示,這個檔案中定義好了很多常用的腳本效果
然後我們在body區域定義button按鈕,點擊這個按鈕可以出發模態框的彈出,如下圖所示
接下來我們來定義模態框的具體樣式,如下圖所示,透過調用modal樣式來聲明模態框。注意模態框的內容將會放在modal-content樣式裏
然後我們就定義模態框的標題,正文和底部內容,如下圖所示,它們的樣式分別是modal-header,modal-body和modal-footer
最後,我們在腳本標籤script裏透過調用modal方法來直接讓模態框彈出,如下圖所示
執行頁面程序以後,如下圖所示的模態框就會呈現在瀏覽器中,它看起來是不是比JavaScript的彈出框更加的漂亮
-
怎麼在電腦中放入光盤
還是有很多老年人習慣使用光碟,怎麼在電腦中放入光碟,小編給你指南。操作方法(01)放入光碟的設備叫做光驅,光驅長這個樣子,如圖所示:(02)按下圖中所示的按鈕,光驅架會彈出來。如圖所示:(03)光驅架彈出來後,就可以將光碟放入光驅裏,然後重新按下光驅彈出的按鈕。如圖所示:(04)稍等...
-
PS教程:簡單快速的通道摳圖
操作方法(01)開啟PS後,開啟一張需要處理的圖片,點擊通道,選擇綠色(那個色差大選哪個),此次演示選擇一個難度稍大的圖片處理,因爲頭紗是透明的,背後的背景和顏色還得去掉。(02)點擊鼠標右鍵,選擇複製。(03)按Ctrl+L,將色階裏面的箭頭向中間拉,然後點擊確定。(04)點擊套索工具,選中人...
-
PHP如何格式化日期?
在做php開發時,經常會用到日期函數,我們可以透過這個函數將日期格式化輸出顯示。日期有多種的顯示格式,這些格式在PHP裏怎麼格式化?下面一起來看下。操作方法(01)先看下我們的代碼,如圖,在php裏要獲取到當前日期,我們可以用date函數,函數的第一個參數就是格式化字元串,第...
-
PHP如何用正則匹配數據?
在做開發時,有時候需要在一段文字裏找出需要的字元,這時就需要用到正則表達式了。下面一起來看下具體怎麼使用正則查找數據。操作方法(01)我們先定義一個字元串,如圖,假設要從這段字元串裏,匹配找出網站的名字“搜狗”(02)然後定義一個正則表達式,解析下代碼,正則要放在斜...