你好我有一個非常簡單的html結構：
<div class="col-md-3 order-sm-last ms-auto">
Hello!
</div>
<div class="col-md-9 order-sm-first">
Welcome!
</div>
注意：這兩個<div>元素放在 acontainer和 arow中。
目標是：
Welcome!在大螢屏上顯示之后，在小螢屏上我Hello!希望它顯示Hello!在Welcome!.
但是使用上面的代碼只需將Hello!after 和 underWelcome!分別放在任何型別的螢屏上！
我在這里做錯了什么？提前致謝！
uj5u.com熱心網友回復：
您需要在 div 上實作 order 類以及 order-{col size}。這對我有用。
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="order-2 order-md-9 col-md-9">
Hello!
</div>
<div class="order-1 order-md-3 col-md-3">
Welcome!
</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/437645.html
上一篇：使用Azure媒體播放器時，引導比率16x9造成較大差距
下一篇：Bootstrap5模態未關閉