复杂的引导网格，所有物品包装

Question

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

1. 第一项平板电脑/台式机徽标
2. 第二项为移动徽标
3. 第三个项目是桌面导航
4. 第4个项目是始终显示的配置文件工具栏
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已贬值。