                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /Bootstrap
                        
                        /玩轉(zhuǎn)Bootstrap（基礎(chǔ)）

width只能在html標(biāo)簽內(nèi)設(shè)置嗎？

width:40%;只能在行間樣式設(shè)置嗎？為什么我在css類(lèi)樣式中設(shè)置了沒(méi)有用？

金州30勇士

2016-06-23

源自：玩轉(zhuǎn)Bootstrap（基礎(chǔ)） 7-8

關(guān)注問(wèn)題我要回答

1349

操作

收起

4 回答

獅砸sz
2019-08-02

除了bootstrap引用的位置和文件不一樣，其他地方都一樣，可以在外部設(shè)置，否則動(dòng)態(tài)的實(shí)時(shí)進(jìn)度條也沒(méi)法用bootstrap了對(duì)吧

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

JS嘛霸哥
2017-02-27

本來(lái)打了許多字，不小心關(guān)掉網(wǎng)頁(yè)了。。。好悲傷

我直接寫(xiě)結(jié)論了

說(shuō)一下決定css覆蓋順序的一個(gè)因素

1. 內(nèi)聯(lián)權(quán)重應(yīng)該是無(wú)窮大的。

2. 越接近描述標(biāo)簽的選擇器，權(quán)重越大，我稱(chēng)其為層次越深，權(quán)重越大，而且該權(quán)重任何情況下都大于3的權(quán)重加成

3. 在同層次下標(biāo)簽選擇器 < 類(lèi)選擇器 < 類(lèi)派生選擇器 < ID選擇器 < ID派生選擇器

4. 不要糾結(jié)派生選擇器的層次問(wèn)題，我們這里認(rèn)為派生選擇器的層次由最深層次決定

5. 外部樣式與內(nèi)部樣式擁有相同的權(quán)重

具體文章戳這里http://note.youdao.com/noteshare?id=7ac70152ca5c25c5d93acbae52d72e74&sub=E1CF53B8D64C44F6930C8D423212DEAA

寫(xiě)的不好的或者不正確的地方可以評(píng)論或者在這里回復(fù)什么的，我經(jīng)常來(lái)逛這里，畢竟也是一個(gè)新人

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

JS嘛霸哥

http://note.youdao.com/share/?id=7ac70152ca5c25c5d93acbae52d72e74&type=note#/ 地址有誤，圖片暫時(shí)裂掉了，我正在找圖床，運(yùn)行代碼就可以看到效果了

2017-02-27 回復(fù) 有任何疑惑可以回復(fù)我~

金州30勇士提問(wèn)者
2016-06-24

<!DOCTYPE?html>
<html>
<head>
<meta?charset="utf-8">
<meta?http-equiv="X-UA-Compatible"?content="IE=edge">
<meta?name="viewport"?content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">?放-->
<title>Bootstrap進(jìn)度條、媒體對(duì)象和well組件</title>
<style?type="text/css">
.progressing{?width:60%;}
</style>
<!--?Bootstrap?-->
<link?href="bootstrap-3.3.5-dist/css/bootstrap.min.css"?rel="stylesheet">
<!--?HTML5?shim?and?Respond.js?for?IE8?support?of?HTML5?elements?and?media?queries?-->
<!--?WARNING:?Respond.js?doesn't?work?if?you?view?the?page?via?file://?-->
<!--[if?lt?IE?9]>
??<script?src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
??<script?src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>?
<div>
????<div?class="progress-bar?progressing"?role="progressbar"?aria-valuenow="40"?aria-valuemin="0"?aria-valuemax="100">60%</div>
</div>

<!--?jQuery?(necessary?for?Bootstrap's?JavaScript?plugins)?-->
<script?src="bootstrap-3.3.5-dist/js/jquery-2.1.3.min.js"></script>
<!--?Include?all?compiled?plugins?(below),?or?include?individual?files?as?needed?-->
<script?src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</body>
</html>

完整的代碼是這樣的，progressing沒(méi)有用，但是如果像下面這樣把width寫(xiě)在html標(biāo)簽里面就可以出現(xiàn)正常的進(jìn)度條效果

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

sen_quan

<div class='progress'> <div class="progress-bar progressing" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">60%</div> </div> 要這樣啊，你的父元素沒(méi)有progress類(lèi)

2016-06-25 回復(fù) 有任何疑惑可以回復(fù)我~

#2

金州30勇士提問(wèn)者回復(fù) sen_quan

我試了下，父級(jí)元素加了progress類(lèi)也還是無(wú)法顯示進(jìn)度，要不你試一下

2016-06-27 回復(fù) 有任何疑惑可以回復(fù)我~