复杂的引导网格，所有项目包装

Question

我有一个引导网格结构，其中：

1. 第一项是平板电脑/桌面徽标
2. 第二项是手机标志
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 并且所有内容都在移动设备上时，它变成了一个 col，并且没有任何东西是连续的。这是什么原因造成的？我做错了吗？

Answer 1

我认为您的问题是您正在使用col-xs 我认为col-xs 已贬值。