我不明白為什么我的網(wǎng)格系統(tǒng)沒有按預(yù)期顯示。網(wǎng)頁(yè)代碼:<header class="navbar navbar-dark navbar-expand bd-navbar bg-dark p-0 shadow">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="col-sm-12 col-md-12 col-lg-3 text-sm-center text-md-center text-lg-left">
<a class="navbar-brand"><!-- img src is django code, ignore it-->
<img src="{% static 'images/logo.jpg' %}" class="rounded-circle" style="height:30px;width:30px;">
<label style="font-family: 'Oswald', 'DejaVu Sans Mono' !important; color:white;">Title</label>
</a>
</div>
<div class="col-sm-12 col-md-12 col-lg-9 text-sm-center text-md-center text-lg-left">
<!--my form here-->
</div>
</div></header>重要的是lg這里的一切。你可以看到我有一個(gè)div12 列,里面有兩個(gè)divs,一個(gè)有 3 列,另一個(gè)有 9 個(gè)(所以他們另外加了 12 個(gè))。預(yù)期是按照網(wǎng)格系統(tǒng) - Bootstrap中的說(shuō)明看到它們。但我得到的結(jié)果是...為什么????。?!謝謝!
1 回答

藍(lán)山帝景
TA貢獻(xiàn)1843條經(jīng)驗(yàn) 獲得超7個(gè)贊
您的col <div>應(yīng)該放置在row <div>內(nèi),如下所示:
<div class="row">
<div class="col-9"></div>
<div class="col-3"></div>
</div>
- 1 回答
- 0 關(guān)注
- 101 瀏覽
添加回答
舉報(bào)
0/150
提交
取消