我有HTML，如：
<div class="container-fluid">
<div class=" row">
<div class="col-9">/span>
<div class="container">/span>. ...</div>。
</div>/span>
<div class="col-3">
<div class="container">/span>。 ...</div>。
</div>/span>
</div>/span>
</div>/span>
我試圖讓它一旦達到視口寬度的某個閾值，列就會堆疊起來。我認為這可以通過為第一個col指定col-xs-12 col-sm-12 col-md-9 col-lg-9...和為第二個col指定相應的（3，12，12，...）來實作。
但這并不奏效。
我的頭Bootstrap鏈接是：
< meta name="viewport" content="width=device-width, initial-scale=1">
< link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"/span> rel="styleheet" integrity="sha384- EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/span>>
uj5u.com熱心網友回復：
嘗試使用col-12 col-md-9。
Bootstrap是 "移動優先 "的，所以上面的代碼意味著：默認情況下，這個元素是col-12（全寬），然后從中等向上，它將是3/4的行元素col-md-9.
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/309222.html
標籤：
上一篇：<p>我有兩個div，我希望一個在左邊，另一個在右邊（<ahref="https://i.stack.imgur.com/GayHf.png"rel="