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
  • 相关阅读:
    Linux程序分析工具介绍—ldd,nm
    Makefile学习(三)[第二版]
    Linux下的tree命令 --Linux下目录树查看
    Makefile学习(二)[第二版]
    Makefile学习(一)[第二版]
    Linux下top命令详解
    Shell编程入门(第二版)(下)
    mysql用命令行导入sql文件
    javascript的onbeforeunload函数在IOS上运行
    mysql如何利用Navicat 导出和导入数据库
  • 原文地址:https://www.cnblogs.com/147258llj/p/5510298.html
Copyright © 2011-2022 走看看