-
模態彈出窗在頁面加載完成時，是被隱藏在頁面中.
聲明式觸發方法：
方法一：模態彈出窗聲明，只需要自定義兩個必要的屬性：data-toggle和data-target（bootstrap中聲明式觸發方法一般依賴于這些自定義的data-xxx 屬性。比如data-toggle="" 或者 data-dismiss=""）。
方法二：觸發模態彈出窗也可以是一個鏈接<a>元素，那么可以使用鏈接元素自帶的href屬性替代data-target屬性，如：
<!--?觸發模態彈出窗的元素?--> <a?data-toggle="modal"?href="#mymodal"?class="?btn?btn-primary"?>點擊我會彈出模態彈出窗</a> <!--?模態彈出窗?--> <div?class="modal?fade"??id="mymodal"?> ????<div?class="modal-dialog"?> ????????<div?class="modal-content"?> ????????<!--?模態彈出窗內容?--> ????????</div> ????</div> </div>
查看全部 -
水平定義列表就像內聯列表一樣，Bootstrap可以給<dl>添加類名“.dl-horizontal”給定義列表實現水平顯示效果。
查看全部 -
modal-backdrop:蒙層樣式
一個是大尺寸樣式“modal-lg”，另一個是小尺寸樣式“modal-sm”
查看全部 -
Bootstrap框架中的模態彈出框，分別運用了“modal”、“modal-dialog”和“modal-content”樣式，而彈出窗真正的內容都放置在“modal-content”中，其主要又包括三個部分：
????彈出框頭部，一般使用“modal-header”表示，主要包括標題和關閉按鈕
????彈出框主體，一般使用“modal-body”表示，彈出框的主要內容
????彈出框腳部，一般使用“modal-footer”表示，主要放置操作按鈕
查看全部 -
Bootstrap像去點列表一樣，通過添加類名“.list-inline”來實現內聯列表，簡單點說就是把垂直列表換成水平列表，而且去掉項目符號（編號），保持水平顯示。也可以說內聯列表就是為制作水平導航而生。
查看全部 -
Bootstrap根據平時的使用情形提供了六種形式的列表：
? ????普通列表
? ????有序列表
? ????去點列表
? ????內聯列表
? ????描述列表
? ????水平描述列表
查看全部 -
??????.text-left：左對齊
??????.text-center：居中對齊
??????.text-right：右對齊
??????.text-justify：兩端對齊
查看全部 -
.text-muted：提示，使用淺灰色（#999）
.text-primary：主要，使用藍色（#428bca）
.text-success：成功，使用淺綠色(#3c763d)
.text-info：通知信息，使用淺藍色（#31708f）
.text-warning：警告，使用黃色（#8a6d3b）
.text-danger：危險，使用褐色（#a94442）
查看全部 -
????模態彈出窗（Modal）的滑動和漸變效果；
????選項卡（Tab）的漸變效果；
????警告框（Alert）的漸變效果；
????圖片輪播（Carousel）的滑動效果。
查看全部 -
fade :淡出，在modal類的旁邊加上fade
且需要引入transition.js文件
查看全部 -
在panel的類名基礎上增加自己需要的類名?
panel樣式并沒有對主題進行樣式設置，而主題樣式是通過panel-default來設置
???panel-primary：重點藍
?????panel-success：成功綠
????panel-info:信息藍
????panel-warning：警告黃
????panel-danger：危險紅
查看全部 -
?????panel-heading：用來設置面板頭部樣式
?????panel-footer：用來設置面板尾部樣式
? ???panel-body:用來設置面板的體
panel panel-default：默認面板
查看全部 -
????progress-bar-info：表示信息進度條，進度條顏色為藍色
????progress-bar-success：表示成功進度條，進度條顏色為綠色
????progress-bar-warning：表示警告進度條，進度條顏色為黃色
????progress-bar-danger：表示錯誤進度條，進度條顏色為紅色
查看全部 -
反色導航條其實是Bootstrap框架為大家提供的第二種風格的導航條，與默認的導航條相比，使用方法并無區別，只是將navbar-deafult類名換成navbar-inverse。其變化只是導航條的背景色和文本做了修改。如下：
<div?class="navbar??navbar-inverse"?role="navigation"> <div?class="nav?bar-header"> ??????<a?href="##"?class="navbar-brand">慕課網</a> </div> <ul?class="nav?navbar-nav"> ??????<li?class="active"><a?href="">首頁</a></li> ??????<li><a?href="">教程</a></li> ??????<li><a?href="">關于我們</a></li> </ul> </div>
查看全部 -
“navbar-header”和“navbar-brand”來實現，示例查看代碼編輯器（11-22）。
<div class="navbar-header">
? ? ? <a href="##" class="navbar-brand">慕課網</a>
? </div>
查看全部
舉報