说明
<>之前在缩略图组件内添加html内容示例
& lt; ! DOCTYPE html> & lt; html  lang="应用"比; ,,& lt; head> ,,,,& lt; meta charset=" utf - 8 "比; ,,,,& lt; meta  http-equiv=" X-UA-Compatible ",内容=癐E=边缘”比; ,,,,& lt; meta name="视窗",内容=翱矶?设备宽度,初始=1”比; ,,,,& lt; !——,上述3个元标签*必须*放在最前面,任何其他内容都*必须*跟随其后!,——比; ,,,,& lt; title> Bootstrap 101年,Template ,,,,& lt; !——, Bootstrap ——比; ,,,,& lt; link  rel="样式表",href=" https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css ",诚信=皊ha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va + PmSTsz/K68vbdEjh5u”, crossorigin=澳涿北? ,,,,& lt; !——, HTML5 shim 以及Respond.js for IE8 support of HTML5 elements 以及media queries ——比; ,,,,& lt; !——,警告:,Respond.js 并't work if 你view 从而page via 文件://,,在 ,,,,& lt; !——(if lt  IE 9]比; ,,,,,& lt; script  src=" https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js "祝辞& lt;/script> ,,,,,& lt; script  src=" https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js "祝辞& lt;/script> ,,,,& lt; ! [endif]——比; ,,& lt;/head> ,,& lt; body> ,,& lt; div 类="容器"比; ,,& lt; div 类="行"比; & lt; div  class=" col-sm-6 col-md-4”比; ,,,& lt; div 类=八趼酝肌北? ,,,,,& lt; img  src=" https://www.yisu.com/static/img/qq.png ", alt="…"比; ,,,,,& lt; div 类="标题"比; ,,,,,,,& lt; h4> Thumbnail label</h4> ,,,,,,,& lt; p> Cras justo 奥迪欧,dapibus ac facilisis ,, egestas eget quam只Donec id elit non mi porta gravida at eget metus只Nullam id dolor id nibh ultricies vehicula ut id elit。;/p> ,,,,,,,& lt; p> ,,,,,,,& lt; a  href=" https://www.yisu.com/zixun/", class=" btn btn-primary”,角色=鞍磁ァ弊4荁utton, ,,,,,,,& lt; a  href=" https://www.yisu.com/zixun/", class=" btn btn-default”,角色=鞍磁ァ弊4荁utton ,,,,,,,& lt;/p> ,,,,,& lt;/div> ,,,& lt;/div> & lt;/div> & lt; div  class=" col-sm-6 col-md-4”比; ,,,& lt; div 类=八趼酝肌北? ,,,,,& lt; img  src=" https://www.yisu.com/static/img/qq.png ", alt="…"比; ,,,,,& lt; div 类="标题"比; ,,,,,,,& lt; h4> Thumbnail label</h4> ,,,,,,,& lt; p> Cras justo 奥迪欧,dapibus ac facilisis ,, egestas eget quam只Donec id elit non mi porta gravida at eget metus只Nullam id dolor id nibh ultricies vehicula ut id elit。;/p> ,,,,,,,& lt; p> ,,,,,,,& lt; a  href=" https://www.yisu.com/zixun/", class=" btn btn-primary”,角色=鞍磁ァ弊4荁utton, ,,,,,,,& lt; a  href=" https://www.yisu.com/zixun/", class=" btn btn-default”,角色=鞍磁ァ弊4荁utton ,,,,,,,& lt;/p> ,,,,,& lt;/div> ,,,& lt;/div> & lt;/div> & lt; div  class=" col-sm-6 col-md-4”比; ,,,& lt; div 类=八趼酝肌北? ,,,,,& lt; img  src=" https://www.yisu.com/static/img/qq.png ", alt="…"比; ,,,,,& lt; div 类="标题"比; ,,,,,,,& lt; h4> Thumbnail label</h4> ,,,,,,,null null null null null null null null null null null null null null null null null引导——缩略图——自定义内容