Bootstrap 4.3.1. Класс переупорядочения столбцов = "order-md-1" - PullRequest
Новая
       13

Bootstrap 4.3.1. Класс переупорядочения столбцов = "order-md-1"

1 голос
/ 14 января 2020

Медленно теряю свой график, пытаясь изменить порядок столбцов при наложении. Прочитав статьи, я работаю, начиная с небольших устройств. Таким образом, я получил столбцы, как мне нужно там. Но на больших экранах я изо всех сил стараюсь устроить это иначе. Я попробовал вложенные строки и order-md-классы. Куда я иду не так? Визуальный порядок, который мне нужен на рабочем столе (который не работает): первая строка A | C затем на второй ряд B | D На меньшем экране (который работает) они должны складываться следующим образом: A D B C Вот мой код: 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<div class="container">
  <h3>Title</h3>
  <form method="post" onsubmit="loadingBar()">
    <div class="row">
      <div class="col-md-6 order-md-1">A</div>
      <div class="col-md-6 order-md-4">D</div>
      <div class="col-md-6 order-md-2">B</div>
      <div class="col-md-6 order-md-3">C</div>
    </div>
  </form>
</div>
...