html - 如何将多个图像保持在一行中？

Question

我试图将一些图像保留在一行中。我正在使用 Bootstrap 和图像，还包括响应类。

在 12 个图像之后，新行已为图像的其余部分创建。 但我希望所有图像都保持在一行中。

我有这种格式的代码

<ul class="people">
    <li><a><img ></a>
    <li><a><img ></a>
</ul>

我们将不胜感激任何形式的帮助。谢谢

Answer 1

After 12 image new row has create for the rest of the image. But I want all image keep in a single row.

无论有多少，这些图像都保持在一行中。

.people li {
  display: inline;
  white-space: nowrap
}

<ul class="people">
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
    <li><a><img src="http://lorempixel.com/100/100/sports" ></a>
</ul>