bootstrap-图文对象列表
来源:互联网 发布:淘宝网首页戴丝玉 编辑:程序博客网 时间:2024/05/29 19:38
图文对象列表学习:
<html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE-edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Bootstrap 101 Template</title><link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap-theme.min.css" rel="stylesheet"><link href="http://cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css" rel="stylesheet"></head><body><!-- 默认是顶部对齐 --><div class="media"> <div class="media-left"> <a href="#"> <img class="media-object" src="01.jpg" alt="01.jpg"> </a> </div> <div class="media-body"> <h4 class="media-heading">Media heading</h4> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> </div></div><!-- 中部对齐 --><div class="media"> <div class="media-left media-middle"> <a href="#"> <img class="media-object" src="01.jpg" alt="01.jpg"> </a> </div> <div class="media-body"> <h4 class="media-heading">Media heading</h4> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> </div></div><!-- 底部对齐 --><div class="media"> <div class="media-left media-bottom"> <a href="#"> <img class="media-object" src="01.jpg" alt="01.jpg"> </a> </div> <div class="media-body"> <h4 class="media-heading">Media heading</h4> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> hello world<br/> </div></div><script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/bootstrap.min.js"></script><script src="http://cdn.bootcss.com/bootstrap/3.3.1/js/npm.js"></script></body></html>
顶部:
中部:
底部:
0 0
- bootstrap-图文对象列表
- bootstrap-图文对象列表
- bootstrap-图文对象列表
- Bootstrap 多媒体对象和列表组
- bootstrap列表
- Bootstrap 列表
- Bootstrap<列表>
- Bootstrap-列表
- bootstrap列表
- Bootstrap列表
- Bootstrap 列表
- Bootstrap学习笔记—关于列表组与多媒体对象
- 微信图文列表
- android图文列表
- BootStrap列表组
- Bootstrap学习:列表组
- bootstrap列表组listgroup
- Bootstrap 进度条 列表组
- mybatis使用注意的细节
- tomcat7+jdk的keytool生成证书 配置https
- 总体设计的原则
- NUC970_Linux_Kernel patch
- 基本数据类型--取值范围
- bootstrap-图文对象列表
- MFC vc 开发过程中出现错误C2248
- mybatis使用注意的细节
- 继电器工作原理
- 欢迎使用CSDN-markdown编辑器
- java图片加密
- 【计算机网络】TCP报文首部中URG和PSH
- tomcat7+jdk的keytool生成证书 配置https
- Spyder在Windows环境下出现RuntimeError: Could not open file ../caffe/deploy.prototxt