我想問一些關于顯示柔性的問題
<div class="container mx-auto"/span>>/span>
<div class="d-flex"/span>>
<div class="bg-red-300 w-100 mr-3"/span>> halo</div>
<div class="bg-red-300 w-50 mr-3"/span>> halo</div>
</div>/span>
</div>/span>
如何顯示flex可以管理寬度為100%和50%的flex專案？
Thankyou :)
uj5u.com熱心網友回復：
在BS中，如果你想有那種2:1的元素寬度比例，你就必須使用網格系統。你上面的代碼將變成：
<div class="container mx-auto"/span>>
<div class=" row">
<div class="col-8 bg-red-300 mr-3"/span>> halo</div>
<div class="col-4 bg-red-300 mr-3"/span>> halo</div>
</div>/span>
</div>/span>
uj5u.com熱心網友回復：
這里是如何使用Flex的Bootstrap。 必須使用'col'來給出盒子的寬度
<div class="container"> /span>
<div class=" row">
<div class="col-6 bg-red-300"/span>> halo</div>
<div class="col-6 bg-red-300"/span>> halo</div>
</div>/span>
</div>/span>
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/309208.html
標籤：
上一篇：如何用畫布外導航條推送內容
下一篇：在bootstrap5.0中缺少card-columns類？除了使用cssmediaqueries和flexcolumn外，bootstrap是否提供任何替代方案？