在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 可將課程添加到書簽
舉報