我不明白為什么我的網格系統沒有按預期顯示。網頁代碼:<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這里的一切。你可以看到我有一個div12 列,里面有兩個divs,一個有 3 列,另一個有 9 個(所以他們另外加了 12 個)。預期是按照網格系統 - Bootstrap中的說明看到它們。但我得到的結果是...為什么????。?!謝謝!
1 回答

藍山帝景
TA貢獻1843條經驗 獲得超7個贊
您的col <div>應該放置在row <div>內,如下所示:
<div class="row">
<div class="col-9"></div>
<div class="col-3"></div>
</div>
- 1 回答
- 0 關注
- 96 瀏覽
添加回答
舉報
0/150
提交
取消