использовать несколько адаптивных макетов с bootstrap 4

Question

если мы используем bootstrap 3, мы можем написать

<div class="row">
<div class="col-lg-6 col-md-6 col-xs-12">
</div>
<div>

, но как сделать то же самое в bootstrap 4? Я пробовал с <div class="col-6 col-12">, но он работает только как col-lg-12 (полная ширина). Мне нужно использовать один и тот же div с разными классами, как в BS3, в BS4. как я могу это сделать?

Answer 1

Ваш пример в BS3:

<div class="row">
    <div class="col-lg-6 col-md-6 col-xs-12">
    </div>
<div>

Версия BS4:

<div class="row">
    <div class="col-md-6">
    </div>
<div>

В приведенном выше коде ниже средних устройств, это будет полная ширина (12 столбцов), как это по умолчанию .

В устройствах среднего размера и выше он будет иметь ширину 6 столбцов.

Answer 2

Вы можете использовать col-12 col-md-6 в качестве классов.