我在桌面上有两列这样的表格
|A|B|
|C|D|
|E|F|
我想要在手机上
|A|
|B|
|C|
|D|
|E|
|F|
但是我得到
|A|
|C|
|E|
|B|
|D|
|F|
我的代码是这样的:
<div class="row">
<div class="col-12 col-md-6">
<input> <!-- A -->
<input> <!-- C -->
<input> <!-- D -->
</div>
<div class="col-12 col-md-6 ">
<input> <!-- B -->
<input> <!-- D -->
<input> <!-- F -->
</div>
</div>
请您帮忙
答案 0 :(得分:2)
ColumnWidth
答案 1 :(得分:2)
使用原始代码,为每个input
或每个div
一个input
放置一个类
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<div class="row">
<div class="col-12 col-md-6">
A
</div>
<div class="col-12 col-md-6">
B
</div>
<div class="col-12 col-md-6">
C
</div>
<div class="col-12 col-md-6">
D
</div>
<div class="col-12 col-md-6">
E
</div>
<div class="col-12 col-md-6">
F
</div>
</div>