Bootstrap 缩列图

摘要:此章将解读 Bootstrap 缩列图。大多数数站点都必须在网格图中合理布局图象、视頻、文字等。Bootstrap 根据缩列图因此出示了一种简单的方法。应用 Bootstrap 建立缩列图的流程以下:在图象...

此章将解读 Bootstrap 缩列图。大多数数站点都必须在网格图中合理布局图象、视頻、文字等。Bootstrap 根据缩列图因此出示了一种简单的方法。应用 Bootstrap 建立缩列图的流程以下:

在图象周边加上含有 class .thumbnail 的 a 标识。 这会加上四个清晰度的内行高(padding)和一个深灰色的外框。 当电脑鼠标悬停在图象处时,会动漫显示信息工程图像的轮廊。

下边的案例演试了默认设置的缩列图:

div > 试着一下 »
加上自定的內容

如今大家拥有一个基本的缩列图,大家能够向缩列图加上各种各样 HTML 內容,例如题目、文章段落或按键。实际流程以下:

把含有 class .thumbnail 的 a 标识改成 div 。 在该 div 内,您能够加上一切您要想加上的物品。因为它是一个 div ,大家可使用默认设置的根据 span 的取名标准来调节尺寸。 假如您要想给好几个图象开展排序,请把他们置放在一个混乱目录中,且每一个目录项向左波动。

下边的案例演试了这一点:

div > 试着一下 »

結果以下所显示:

自定义缩略图


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503