青风百里

Bootstrap 图片
<div class="container"> <div class...
扫描右侧二维码阅读全文
12
2018/06

Bootstrap 图片

<div class="container">
    <div class="row">
        <div class="col-md-12">
            <p>普通图片</p>
            <img src="img/1.jpg" alt="">
            <p>响应式图片</p>
            <img src="img/1.jpg" class="img-responsive" alt="">
            <p>圆角图片</p>
            <img src="img/1.jpg" class="img-responsive img-rounded" alt="">
            <p>圆形图片</p>
            <img src="img/1.jpg" class="img-responsive img-circle" alt="">
            <p>缩略图</p>
            <img src="img/1.jpg" class="img-responsive img-thumbnail" alt="">
        </div>
    </div>
</div>

Last modification:June 12th, 2018 at 09:21 pm

Leave a Comment