缩略图 - AuxUI - 模块化前端UI框架

通过缩略图组件扩展 AuxUi 的栅格系统，可以很容易地展示栅格样式的图像、视频、文本等内容。

默认样式的实例

AuxUi 缩略图的默认设计仅需最少的标签就能展示带链接的图片。

  
<div class="row">
  <div class="col-xs-6 col-md-3">
    <a href="#" class="thumbnail">
      <img src="..." alt="...">
    </a>
  </div>
  ...
</div>

自定义内容

添加一点点额外的标签，就可以把任何类型的 HTML 内容，例如标题、段落或按钮，加入缩略图组件内。

缩略图标签

一些示例文本，一些示例文本，一些示例文本

按钮按钮

缩略图标签

一些示例文本，一些示例文本，一些示例文本

按钮按钮

缩略图标签

一些示例文本，一些示例文本，一些示例文本

按钮按钮

  
<div class="row">
  <div class="col-sm-6 col-md-4">
    <div class="thumbnail">
      <img src="..." alt="...">
      <div class="caption">
        <h3>缩略图标签</h3>
        <p>...</p>
        <p><a href="#" class="btn btn-primary" role="button">按钮</a> <a href="#" class="btn btn-default" role="button">按钮</a></p>
      </div>
    </div>
  </div>
</div>