<!doctype html> <html> <meta charset="utf-8" /> <head> <title>益司CMS-PC与手机建站集成</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <link rel="stylesheet" href="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css"> <!--<link href="__PUBLIC__/bootstrap/css/bootstrap-theme.css" rel="stylesheet" />--> <!--[if It IE 9]> <script src="http//html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body"> <div class="container"> <!-- --> <h1 class="page-header"> 图片 </h1> <p> <div style="width:200px;"> <img src="http://s2.51cto.com/wyfs02/M00/25/25/wKioL1NZ-ObyYlP6AAFLitAsqNc960.jpg" class="img-rounded img-responsive" /> </div> <img src="http://s2.51cto.com/wyfs02/M00/25/25/wKioL1NZ-ObyYlP6AAFLitAsqNc960.jpg" class="img-circle" width=300px /> <img src="http://s2.51cto.com/wyfs02/M00/25/25/wKioL1NZ-ObyYlP6AAFLitAsqNc960.jpg" class="img-thumbnail" width=300px /> </p> </div> <script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js"></script> <script src="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script> </body> </html>
bootstrap_10图片
原创xiaohongyangok 博主文章分类:HTML5与CSS3 ©著作权
©著作权归作者所有:来自51CTO博客作者xiaohongyangok的原创作品,请联系作者获取转载授权,否则将追究法律责任
下一篇:bootstrap_11下拉菜单
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
bootstrap28-Bootstrap 图片
bootstrap28-Bootstrap 图片
图片 bootstrap -
Bootstrap5 图片轮播
Bootstrap5 图片轮播
ide h5 css -
bootstrap图片上传功能
重点: fileupload 、loadImage 引用js: 页面html 页面 js实现:
bootstrap jquery css ide javascript -
吴裕雄 Bootstrap 前端框架开发——Bootstrap 图片:响应式图片
菜鸟教程(runoob.com) 图片 .img-responsive类让图片支持响应式,将很好地扩展到父元素 (通过改变窗口大小查看效果): ...
bootstrap html jquery twitter css