你們好~關(guān)于柵格系統(tǒng)練習(xí)那里,我用360預(yù)覽,布局和響應(yīng)式實(shí)現(xiàn)了,但是并沒(méi)有實(shí)現(xiàn)灰色格格的樣式,還有360瀏覽器會(huì)出現(xiàn)水平滾動(dòng)條,請(qǐng)問(wèn)一下,這個(gè)是什么原因呢?
<!DOCTYPE HTML>
<html>
<head>
<title>Bootstrap</title>
<meta charset=utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet">
</head>
<body>
<div class="bs-docs-grid">
<div class="row show-grid">
<div class="row">
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
? <div class="col-md-1">.col-md-1</div>
</div>
</div>
</div>
</body>
</html>
2016-03-17
你的那個(gè)<meta charset="utf-8">里面的那個(gè)引號(hào)都沒(méi)合攏,不知道是不是復(fù)制的原因。還有就是你引入的bootstrap.min.css的方式錯(cuò)誤,老師視頻里應(yīng)該是下載好的,你要是引入網(wǎng)上的資源要這樣寫,<link rel="stylesheet" >就是加載速度有點(diǎn)慢,不過(guò)有就是不知道為什么的網(wǎng)上資源有問(wèn)題,里面并沒(méi)有代碼,這就是為什么你的沒(méi)有灰色格子的樣式!想看的話可以自己下載在引入,不過(guò)這些簡(jiǎn)單的在bootstrap官網(wǎng)就可以看見(jiàn),并不用實(shí)踐。至于出現(xiàn)滾動(dòng)條很正常,我的每個(gè)瀏覽器都有,那是寬度的原因,不必在意!