Question

我是bootstrap的新手。我有这个代码

<div class="row-fluid inline">
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div>
</div>
<br />
<div class="row-fluid inline">
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img823/3578/lnrk.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img593/2931/5mzt.jpg" alt="Responsive image"/></div>
    <div class="img-responsive span2 p-10"><img src="http://imageshack.us/a/img841/6476/bk2j.jpg" alt="Responsive image"/></div>
</div>

显示2行6列/图像。当我将其调整到某个点时，它会显示多行的1个图像。相反，我想有4行3个图像/列。使用bootstrap有一种简单的方法吗？

Answer 1

这是因为每个图像包装div的显示都是“阻止”，当你设置为内联时它会得到你想要的方式。看一看：（使用不同的代码分成您想要的尺寸 - http://bootply.com/94383）（使用相同的代码 - http://bootply.com/94385）

使用引导程序调整大小时，如何在同一行上保留多个图像？

1 个答案: