如何在引导程序中正确排列具有比父级更大的图像的列？

Question

我正在开发我的网站。在创建投资组合页面时，我遇到了最后一栏移到下一行的问题。 我确实有比父容器更大的图像，但我认为它显示正确，但是，在应用边距后，最后一列转到下一行。 请查看以下链接：

https://bootsnipp.com/user/snippets/o1e9d

我还想添加img-thumbnail类，但看起来不合适，添加填充也没有按预期工作。

请帮忙。

谢谢。

Answer 1

您已在bootstraps列类中添加<ul> <div id="question-1"> <li>What is a Computer Bug?</li> <input type="radio" name="selection" class="correct" onclick="myFunction()"><label>An error</label> <input type="radio" name="selection" class="wrong" onclick="myFunction()"><label>A Moth</label> <p class="result"></p> </div> </ul>，这会打破最后一列。

在margin: 1px内添加另一个div并将gallery_product应用于内部div。