zoukankan      html  css  js  c++  java
  • Bootstrap-缩略图

    效果图:

    代码:

    <div class="container">
              <ul class="media-list">
               <li class="media">
                   <div class="media-left">
                       <a href="#">
                           <img src="1.jpg" style="64px;height:64px">
                       </a> 
                    </div>
                    <div class="media-body">
                   <h4 class="media-heading">消息</h4>
                   Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>   
               </li>
           </ul>
    
            <ul class="media-list">
               <li class="media">
                   <div class="media-left">
                       <a href="#">
                           <img src="1.jpg" style="64px;height:64px">
                       </a> 
                    </div>
                    <div class="media-body">
                   <h4 class="media-heading">消息</h4>
                   Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                    <ul class="media-list">
               <li class="media">
                   <div class="media-left">
                       <a href="#">
                           <img src="1.jpg" style="64px;height:64px">
                       </a> 
                    </div>
                    <div class="media-body">
                   <h4 class="media-heading">消息</h4>
                   Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
                </div>   
               </li>
           </ul>
                </div>   
               </li>
           </ul>
    </div>
    View Code
  • 相关阅读:
    加入mapstruct后出现 找不到符号 符号: 方法 setXX 的解决方法
    解决docker容器日志导致主机磁盘空间满了的情况
    prometheus安装(docker)
    在Github或Gitee上用hexo搭建个人博客
    解决github打不开
    jenkins更新为国内源
    让sentinel-dashboard的流控配置持久化到nacos
    Yarn和Zookeeper的区别
    flink安装启动(docker)
    jQuery 事件源码定位
  • 原文地址:https://www.cnblogs.com/147258llj/p/5510298.html
Copyright © 2011-2022 走看看