@66656665
22 года

Не работает order в bootstrap 5?

Почему не работает order в bootstrap 5? Вроде как все сделал правильно, всем элементам выдал ордер, колонки должны быть последними, как это было бы без использования order (Ничего не должно было изменится). Вот скрин и html
609a6fde8cc4e406747184.png
<!DOCTYPE html>
<html lang="ru">

<head>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap-grid.min.css">
    <link rel="stylesheet" href="css/bootstrap-reboot.min.css">
    <link rel="stylesheet" href="css/bootstrap-utilities.min.css">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="sass/style.css">
</head>

<body>
    <header>
        <div class="container">
            <div class="row">
                <div class="order-lg-0 col-lg-1 man header_items_wr pl-lg-0 pr-lg-0 pseudo">Для мужчин</div>
                <div class="order-lg-1 col-lg-2 text-center women header_items_wr pseudo">Для женщин</div>
                <div class="order-lg-2 col-lg-1 kids header_items_wr pseudo">Для детей</div>
                <div class="order-lg-3 col-lg-3 logo text-right col-md-4">
                    <img src="../png/logo.png" alt="Лого">
                </div>
                <div class="order-lg-4 col-lg-1 offset-lg-1 text-center pay header_items_wr">Оплата</div>
                <div class="order-lg-5 col-lg-1 deliv header_items_wr">Доставка</div>
                <div class="order-lg-6 col-lg-1 text-right pr-lg-0 basket header_items">
                    <img src="../svg/Vector.svg" alt="Корзина">
                </div>
                <div class="order-lg-7 col-lg-1 tag">
                    <img src="../png/Group 6.png" alt="tag">
                </div>
            </div>
        </div>
    </header>

</body>

</html>

https://codepen.io/ppjln/pen/oEZXjV
  • Вопрос задан
  • 67 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы