2017-08-12 56 views
-4

This is first image when width is max如何使响应画廊

嘿程序员.. 我在trouble.I想使用HTML,CSS,引导,使画廊。 (我知道js,而且我还在学习)。

我希望把它完整的响应,但它不工作,当我减少宽度,我存储在DIV图像下降。 我使图像响应和div也响应。 我知道div是块元素,所以它down.I也使用跨度也,但它也不工作。你可以看到图片中我已上传。

这包含行中的多个图像。 事情,我想,当我降低浏览器的宽度(如膝上型~~ 1200像素介质设备)SM(~~ 992px)图像尺寸应drecease,之后的图像移位到新的一行。而相同的所有视图 这一切都适用于笔记本电脑用户,因为浏览器尺寸会使图像隐藏起来。

**的形象也向下移动时,宽度死亡,我不想要它,它如此笨拙**

+0

你可以在jsfiddle.net –

+0

小提琴你可以分享你的代码? –

+0

@ChandraShekhar u能更多的解释,我会看到它的净 –

回答

-2

如果您使用的引导,然后复制粘贴此代码:

<div class="row"> 

    <div class="col-xs-6 col-md-3"><!--you can add more section like this--> 
    <a href="#" class="thumbnail"> 
    <img src="..." alt="..."> 
    </a> 
    </div> 

</div> 

这将为你工作。

+0

我想从这个画廊的许多事情,当我缩小宽度图像应该缩小(响应),但限制达到后的图像shieft新线 –

+0

ü建议我的东西,我应用。查阅全文它还图像不会收缩和图像的requried宽度上获得 –

+0

看跌IMG响应类是这样的: