Question

你好我想把4张图片并排放入bootstrap 使用该代码只有2个图像并排放置

   <div class="col-md-6">
       <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a>
   </div>
   <div class="col-md-6">
       <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a>
   </div>

我想并排放4张图片怎么能这样呢？

Answer 1

更改您的代码，使其如下所示：

       <div class="col-md-3">
           <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a>
       </div>
       <div class="col-md-3">
           <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a>
       </div>
       <div class="col-md-3">
           <a href="#"><img src="http://placehold.it/250x250" alt="inn_logo" /></a>
       </div>
       <div class="col-md-3">
           <a href="#" ><img src="http://placehold.it/250x250" alt="ccs_logo" /></a>
       </div>

班级必须是＆＃34; col-md-3＆＃34;

Answer 2

使用col-md-3。

Bootstrap网格分为12个单元格。如果你说div有类“col-md-1”，它将使用父元素宽度的1/12。如果你想要一个全宽行，那么它应该有类col-md-12。

请记住，md代表中等。还有其他尺寸你应该知道。

如何将4个图像与引导程序并排放置

2 个答案: