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
  • 相关阅读:
    【缓慢的自学ing】 自己写一个《Minecraft》记录
    Unity随笔3:按钮的"导航"功能
    【随随随随笔】一些STL的糖
    【算法氵】筛法
    【纯感慨】好吃的蒟蒻
    【随随随随笔】OJ错题记录
    【纯感慨】最不擅长的就是配置软件
    【C++Primer笔记】顶层const、常量指针
    hdu 2475 动态树
    hdu 1281 棋盘游戏 网络流
  • 原文地址:https://www.cnblogs.com/147258llj/p/5510298.html
Copyright © 2011-2022 走看看