首页 > 代码库 > Bootstrap页面布局20 - BS缩略图

Bootstrap页面布局20 - BS缩略图

2024-07-15 13:44:25   223人阅读

<div class=‘container-fluid‘>    <h2 class=‘page-header‘>Bootstrap 缩略图</h2>    <ul class=‘thumbnails‘>        <li clalss=‘span2.4‘><a class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>"color: #0000ff;">class=‘thumbnail‘ href=http://www.mamicode.com/‘‘>>

如图：

关于缩略图的一些配置，建议查看这里

http://www.w3cschool.cc/bootstrap/bootstrap-thumbnails.html

图片尺寸大小，根据需要需要调整

分享在线生成图片的地址：

http://placehold.it/123x340

以上图片地址表示：生成一个宽123px，高340px的图片，引入的方法： 123x340 中的 “  x  ”是英文字母 x;

<img src=http://www.mamicode.com/‘http://placehold.it/123x340‘ />


联系
我们