在Bootstrap中除了使用標(biāo)簽<strong>、<em>等說明正文某些字詞、句子的重要性,Bootstrap還定義了一套類名,這里稱其為強調(diào)類名(類似前面說的“.lead”),這些強調(diào)類都是通過顏色來表示強調(diào),具本說明如下:
具本源碼查看bootstrap.css文件第500行~第532行:
.text-muted {
color: #999;
}
.text-primary {
color: #428bca;
}
a.text-primary:hover {
color: #3071a9;
}
.text-success {
color: #3c763d;
}
a.text-success:hover {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover {
color: #843534;
}
我們來看看這些強調(diào)類對應(yīng)的效果:查看右側(cè)代碼編輯器。
我也來試一試:完成下面任務(wù)
在右側(cè)代碼編輯器中第17行輸入正確代碼:強調(diào)下面一句話。
“我是一危險信息,請用Bootstrap框架中的危險風(fēng)格顯示”
正確代碼如下:
<p class="text-danger">我是一段危險信息,請用Bootstrap框架中的危險風(fēng)格顯示</p>
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報