文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
img 类
使用 bootstrap 内置类可以把图片套圆角、套圆、套白边:
<img src="http://placehold.it/125x125" class="img-rounded" />
<img src="http://placehold.it/125x125" class="img-circle"/>
<img src="http://placehold.it/125x125" class="img-thumbnail"/>
利用好 bootstrap 的布局能力,做出类似缩略图集的 UI 很容易:
<div class="container">
<div class="row">
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img src="http://placehold.it/125x125" alt="125x125"/>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img src="http://placehold.it/125x125" alt="125x125"/>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img src="http://placehold.it/125x125" alt="125x125"/>
</a>
</div>
<div class="col-xs-3">
<a href="#" class="thumbnail">
<img src="http://placehold.it/125x125" alt="125x125"/>
</a>
</div>
</div>
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论