Html 我的页脚无法垂直对齐

我试图让我的li元素保持在同一条线上，但它们不会。它们是水平对齐的，仅此而已

代码如下：

<footer>
    <div class="container">
      <div id="coisas"
      class="col-6">
        <div class="row">
          <ul class="col-6">
            <li class="col-1"><img src="icon-behance.png"></li>
            <li class="col-1"><img src="icon-behance.png"></li>
            <li class="col-1"><img src="icon-behance.png"></li>
          </ul>
        </div>
      <div id="nothing"
      class="col-6">
      </div>
    </div>
  </footer>

---

要达到预期效果，请使用以下选项

#coisas ul li{
  display:inline;
}

---

Codepen-

float属性指定框元素是否应浮动。 如果向左浮动li元素，它们将排列在同一行中。因此，要将它们放在一行中，可以使用以下方法：

#coisas ul li{
list-style-type:none;
float:left;
}

列表样式类型：无；属性仅用于删除列表项的项目符号

---

您可以在此处了解有关css float属性的更多信息：

尝试了您的问题，现在已解决。您可以在此处进行检查

#coisas ul li{
  display:inline;
}

---

我不知道你们想做什么，但引导列应该总是在行内

---

从审查队列：我可以请求您在您的答案周围添加更多的上下文吗。只有代码的答案很难理解。如果你能在文章中添加更多信息，这将有助于询问者和未来的读者。@RBT上下文已添加。

#coisas ul li{
  display:inline;
}

<footer>
    <div class="container">
        <div class="row">
            <div id="coisas" class="col-6">
                <ul class="row list-unstyled">
                    <li class="col-1"><img src="//placehold.it/40"></li>
                    <li class="col-1"><img src="//placehold.it/40"></li>
                    <li class="col-1"><img src="//placehold.it/40"></li>
                </ul>
                <div id="nothing" class="col-6">
                </div>
            </div>
        </div>
    </div>
</footer>