此问题在此处已有答案:
Order columns through Bootstrap4(6个答案)
4个月前关闭。
我对内容进行布局,在左侧显示div中的图像,然后在另一个div中显示带有链接的文本
但是在响应模式下,带有链接的内容div位于带有图像的div之上
是否可以使显示与我的div的顺序相对应?
我想先显示图像,然后再显示内容
这是我的html:
<div class="col-12 col-lg-6 d-flex justify-content-center justify-content-lg-end mb-4 mb-lg-0">
<div class="w-100 img-fluid px-3 px-lg-0">
<img src="#" alt="#">
</div>
</div>
<div class="col-12 col-lg-6 text py-5">
<h1>title</h1>
<div class="pr-0 pr-0">
<h2>subtitle</h2>
</div>
<p>{# some content #}</p>
<a href="">link</a>
</div>
1条答案
按热度按时间n53p2ov01#
给你...
图像优先:
内容优先:
使用Bootstrap的
order
类。一个二个一个一个