我正在尋找一個解決方案,在桌面上是4欄,在移動端是2欄
。uj5u.com熱心網友回復:
Bootstrap在4 版本中洗掉了所有@-xs-*類。所以沒有任何col-xs-*類。使用col-6和col-sm-3.
<link href="https://cdnjs. cloudflare.com/ajax/libs/bootstrap/5.0.2/css/bootstrap.min.css" rel=" stylesheet" />
<div class=" row">
<div class="col-md-3 col-6">
<h3 class="news_let"/span>>
資源
</h3>資源
<ul class="ft_conte"/span>>
<li>/span>
桌面客戶端
</li>桌面客戶端
<li>/span>
移動應用程式
</li>
<li>/span>
表格中心
</li>表格中心
<li>/span>
保證金檔案
</li>>保證金檔案
<li>
保證金計算器
</li>/span>保證金計算器
<li>/span>
經紀人計算器
</li>
</ul>/span>
</div>/span>
<div class="col-md-3 col-6">
<h3 class="news_let"/span>>
關于公司
</h3>
<ul class="ft_conte"/span>>
<li>
關于我們
</li> 關于我們
<li>/span>
博客
</li>/span>
<li>/span>
隱私政策
</li> 隱私政策
<li>/span>
使用期限
</li>使用條款
<li>
投訴書
</li>投訴書
<li>/span>
聯系我們
</li> 聯系我們
</ul>/span>
</div>/span>
<div class="col-md-3 col-6">
<h3 class="news_let"/span>>
作業機會
</h3>/span>
<ul class="ft_conte"/span>>
<li>
關于我們
</li> 關于我們
<li>/span>
博客
</li>/span>
<li>/span>
隱私政策
</li> 隱私政策
<li>/span>
使用期限
</li>使用條款
<li>
投訴書
</li>投訴書
<li>/span>
聯系我們
</li> 聯系我們
</ul>/span>
</div>/span>
<div class="col-md-3 col-6">
<h3 class="news_let"/span>>
法規
</h3>/span>
<ul class="ft_conte"/span>>
<li>/span>
投資者
</li>/span> 投資者
<li>/span>
隱私政策
</li> 隱私政策
<li>
風險& 合規
</li>風險與合規性
<li>
政策
</li>政策
<li>/span>
免責宣告
</li>
<li>https://srv.buysellads.com/ads/click/x/GTND42JIC6BIC23MC6SLYKQNCKYI42QMCT7IKZ3JCY7I4KQUFTYI62JKCYSD42QJCEBI523NCEYDK2QUF6BDKK3KC6SDCKQMCKADTK3EHJNCLSIZ 填寫投訴<br/> 關于SCORES
</li> 關于分數
</ul>/span>
</div>/span>
</div>/span>
<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" class="snippet-box-edit snippet-box-result" frameborder="0"></iframe>
uj5u.com熱心網友回復:
你做得很好,但少了一個類。在所有的中加入 "col-sm-6"
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/309207.html
標籤:
上一篇:<p>我正在使用Bootstrap5中的手風琴組件,我想通過自己的JavaScript函式(下面的例子中的<code>toggle</code>)來切換該組件。最好

