通过html文件调整bootstrap中的图像大小

时间:2014-08-18 23:03:26

标签: html5 image twitter-bootstrap-3 resize

我对这一切都很陌生。我正在学习bootstrap 3,在此过程中我遇到了问题。

我使用<div class="row"><div class="col-md-4>制作一个3对称列,其中包含3张图片+ 1张小描述。

这是我的问题:我不知道如何调整html文件中的图片大小...我只是想让它们变小,这样它们就可以适合我的专栏。

无法发布我的代码......我猜太长了

1 个答案:

答案 0 :(得分:2)

试试这个:

    <div class="row">
        <div class="col-md-4">
            <img class="img-responsive" src="layouts/layouts.PNG" />
            <p>Some description</p>
        </div>
        <div class="col-md-4">
            <img class="img-responsive" src="layouts/layouts.PNG" />
            <p>Some description</p>
        </div>
        <div class="col-md-4">
            <img class="img-responsive" src="layouts/layouts.PNG" />
            <p>Some description</p>
        </div>
    </div>