您的位置:首頁>正文

Bootstrap 模態框的使用

Bootstrap, 目前最受歡迎的前端框架之一。 它是基於HTML、CSS、JavaScript的框架, 它簡潔靈活, 讓前端開發更加快捷。

Bootstrap提供了豐富Web元件和外掛程式。 你可以用這些元件和外掛程式快速的搭建一個漂亮、功能相對完善的網站。 其中組件包括我們網站必備的:導航、導航條、下拉式功能表、按鈕、縮略圖、分頁、排版等;Bootstrap自帶了13個jQuery外掛程式, 他讓Bootstrap組件更加富有生命, 其中常用的有:模態框、標籤頁、警告框等。

我們最常用到的就是模態框了, 我們可以點擊一個按鈕在此頁面上出現一個新的對話方塊:

基礎模態框樣式

基礎的代碼也很簡單, 但是前提必須引用jquery.js、bootstrap.js、bootstrap.css文件

模態框基礎代碼

使用它是要主要你如果不是使用button而是使用a標籤, 在點擊時模態框會彈不出來, 這時候你要在a標籤中加一個”type=button“, 模態框它是根據內容自我調整高度的 , 但是有時候我們的內容太多, 而我們不需要那麼大的模態框, 我們可以在“modal-body”裡給它添加高度即可

同類文章
Next Article
喜欢就按个赞吧!!!
点击关闭提示