我们尝试创建UI组件ICONS LIST，它将使用bootstrap cols类（col-md - * ...）进行响应。 问题是当我们尝试在布局2:10的不同列中显示相同的UI comp时。 行为（视图）必须不同......如果此UI组件设置在COL 2内部，那么我们希望垂直查看所有图标（每个图标由行分隔），但是当组件在COL 10内部设置时，我们想要在水平视图中看到该图标列表。 让我们说UI组件的行为必须依赖于它的父元素，而不是媒体标签。那么我们应该用什么解决方案来获得结果呢？
答案 0 :(得分：0)
尝试使用显示内嵌块（或向左/向右流动）提供固定宽度图标。
宽度必须略大于col-2的一半（因此在同一行中不会有2个图标的空间）
这样，当图标在一个狭窄的div（col-2）中时，每个图标将在一个单独的行上 - 即垂直显示;在广泛的div（col-10）中，它们将被排成一排。