課程
/前端開發
/Bootstrap
/玩轉Bootstrap（基礎）
我的顏色怎么都沒出來
2017-11-03
源自：玩轉Bootstrap（基礎） 2-7
正在回答
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>強調相關的類</title>
<link rel="stylesheet" >
<style>
.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;
</style>
</head>
<body>
<div class="text-muted">.text-muted 效果</div>
<div class="text-primary">.text-primary效果</div>
<div class="text-success">.text-success效果</div>
<div class="text-info">.text-info效果</div>
<div class="text-warning">.text-warning效果</div>
<div class="text-danger">.text-danger效果</div>
<!--下面是任務部分-->
<p class="text-danger">我是一段危險信息，請用Bootstrap框架中的危險風格顯示</p>
</body>
</html>
<!--將css樣式格式化寫入，再按照要求完成任務，就沒問題了，應該是慕課網這個編輯器的答案審核機制問題吧。-->
這是代碼和測試結果，是沒有問題的
我剛剛測試了一下，這個應該是慕課網的在線代碼運行器的問題，因為我自己創了一個test.html測試是沒有問題的，但是在慕課網上運行就不行。所以你的代碼是沒問題的，如果可以的話，慕課網上的代碼作業你可以在自己的本地測試
。。為啥沒出效果呢
111
舉報
告訴你使用Bootstrap，并且能夠獨立定制出適合自己的Bootstrap
2 回答這幾個js的作用是啥
2 回答span是啥
2 回答為啥我過不了 啥也沒做
2 回答為啥這塊labell標簽不包含input標簽？
1 回答<cite>是啥?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2018-08-03
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>強調相關的類</title>
<link rel="stylesheet" >
<style>
.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;
}
</style>
</head>
<body>
<div class="text-muted">.text-muted 效果</div>
<div class="text-primary">.text-primary效果</div>
<div class="text-success">.text-success效果</div>
<div class="text-info">.text-info效果</div>
<div class="text-warning">.text-warning效果</div>
<div class="text-danger">.text-danger效果</div>
<!--下面是任務部分-->
<p class="text-danger">我是一段危險信息，請用Bootstrap框架中的危險風格顯示</p>
</body>
</html>
2017-11-13
這是代碼和測試結果，是沒有問題的
2017-11-13
我剛剛測試了一下，這個應該是慕課網的在線代碼運行器的問題，因為我自己創了一個test.html測試是沒有問題的，但是在慕課網上運行就不行。所以你的代碼是沒問題的，如果可以的話，慕課網上的代碼作業你可以在自己的本地測試
2017-11-03
。。
為啥沒出效果呢
2017-11-03