×

热门关键词

FalconChen
2020-04-30 13:06
动弹
#daily tips# Bootstrp4文档只有调整列col 顺序的示例，我写了一个调整行row的（其实也是用调整列的方式实现的），在视觉呈现上html代码的第二个row的元素在第一个row之前了。不知道有没有别的方式
html 代码片断 
<div class="container">
	<div class="row">

		<div class="row col-12">
		<div class="col-md">hello world1</div>
		<div class="col-md">hello world2</div>
		<div class="col-md">hello world3</div>
		<div class="col-md">hello world4</div>
		<div class="col-md">hello world5</div>
		</div>

		<div class="row col-12 order-first">
		<div class="col-md">hello world1</div>
		<div class="col-md">hello world2</div>
		<div class="col-md">hello world3</div>
		<div class="col-md">hello world4</div>
		<div class="col-md">hello world5</div>
		</div>

	</div>
</div>
在OSC查看
0

评论 ( 1 )

  • FalconChen 弹主
    2020-04-30 15:10
    update: 可以用 flex-row-reverse 解决，https://getbootstrap.net/docs/utilities/flex/
    0