bootstrap - 在列中添加div以水平对齐

Question

我是Bootstrap的新手并且搜索无效（包括堆栈溢出）但似乎无法弄清楚这一点。我使用Bootstrap有一个简单的12列网格。我有一个专栏“”。我需要添加动态数量的图像以水平对齐并在它们不适合时换行。我可以使用简单的图像（img src =“”＆gt;）进行此操作，但每个图像都需要包装在div中（它们是产品图像，因此每个图像都有很多格式化的信息）。当我这样做时，它们垂直排列在一起。我在div中尝试了“float：left”并尝试了没有格式但结果相同。

我错过了什么？ 代码现在很简单，但我会添加它： 这就是我想要的（水平列出图像）但不包含在div中。

<div class="col-sm-12">
    <img class="categoryImages" src="images/image1.png">
    <img class="categoryImages" src="images/image1.png">
    <img class="categoryImages" src="images/image1.png">
</div>

或者这不起作用 - 它会垂直列出图像。

<div class="col-sm-12">
    <div><img class="categoryImages" src="images/image1.png"></div>
    <div><img class="categoryImages" src="images/image1.png"></div>
    <div><img class="categoryImages" src="images/image1.png"></div>
</div>

Answer 1

在CSS中设置：

div {display: inline}

或者使用特定的类名设置div，并将其设置为内联。