Свернутая сетка начальной загрузки, упаковка всех предметов

Question

У меня есть структура сетки начальной загрузки, где:

1. 1-й элемент - логотип планшета / рабочего стола
2. 2-й элемент - мобильный логотип
3. 3-й элемент -навигация на рабочем столе
4. 4-й элемент - это панель инструментов профиля, которая всегда присутствует
5. А 5-й элемент - это значок меню для планшета / мобильного телефона

.

<div class="row">
  <a class="d-none d-md-flex d-lg-flex d-xl-flex col-md-8 col-lg-4 col-xl-4">regular logo</a>
  <a class="d-flex d-lg-none d-xl-none d-md-none col-xs-3 col-sm-2">mobile logo</a>
  <ul class="row d-none d-lg-flex d-xl-flex col-lg-4 col-xl-4">navigation</ul>
  <div class="col-xs-6 col-sm-8 col-md-3 col-lg-4 col-xl-4">toolbar</div>
  <div class="d-flex d-lg-none d-xl-none col-xs-3 col-sm-2 col-md-1">mobile/tablet nav icon</div>
</div>

Когда он доходит до col-xs и все на мобильном телефоне, он превращается в столб, и больше ничего нет подряд.Что вызывает это?Я делаю это неправильно?

Answer 1

Я думаю, что ваша проблема в том, что вы используете col-xs Я думаю, что col-xs амортизируется.