bootstrap_10图片

<!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图片

时间： 2024-10-30 07:02:22

bootstrap_10图片的相关文章

jq upload图片上传代码

/* * 图片上传 * */ function postImgData() { $("#addFileInfo input[name='file']").change(function () { console.log($(this).val()) if (!$(this).val()) { return } var fileTyle = $(this).val().split("."); console.log(fileTyle); if (fileTyle[1]

Android小例子：使用反射机制来读取图片制作一个图片浏览器

效果图: 工程文件夹: 该例子可供于新手参考练习,如果有哪里不对的地方,望指正>-< <黑幕下的人> java代码(MainActivity.java): package com.example.imageswitchtest; import java.lang.reflect.Field; import android.app.Activity; import android.os.Bundle; import android.util.Log; import android.v

微信小程序--图片相关问题合辑

图片上传相关文章微信小程序多张图片上传功能微信小程序开发(二)图片上传微信小程序上传一或多张图片微信小程序实现选择图片九宫格带预览 ETL:微信小程序之图片上传微信小程序wx.previewImage预览图片微信小程序之预览图片小程序开发:上传图片到腾讯云 .NET开发微信小程序-上传图片到服务器微信小程序本地图片处理--按屏幕尺寸插入图片 [微信小程序]上传图片到阿里云OSS Python Flask小程序文件(图片)上传技巧小程序图片上传阿里OSS使用方法微信小程序问题汇

JS获取图片的缩略图,并且动态的加载多张图片

找了好多资料也没有找到该死的ie的解决办法,最后放弃了ie <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js获取缩略图</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <st

CSS3图片轮播效果

原文:CSS3图片轮播效果在网页中用到图片轮播效果,单纯的隐藏.显示,那再简单不过了,要有动画效果,如果是自己写的话(不用jquery等),可能要费点时间.css3的出现,让动画变得不再是问题,而且简单易用.下面介绍我用css3与js写的一个图片轮播效果. 一般图片轮播就是三四张图片: <div class="wrap"> <div class="carousel"> <div><img src="http://

C#图片无损压缩

/// 使用方法:本方法由于内部统一设置dHeight,dWidth和原图片的长宽一致,所以图片的大小一样. /// flag:压缩率,这里仅仅压缩像素,不改变图片的外观大小(既长宽) /// 无损压缩图片 /// <param name="sFile">原图片</param> /// <param name="dFile">压缩后保存位置</param> /// <param name="dHeigh

运用PDO存储将图片、音频文件存入数据库

在数据库中创建表格的时候,有一个字段为image,用来保存图片,那么其类型就是blob,关于blob,百度百科是这样描述的 BLOB (binary large object),二进制大对象,是一个可以存储二进制文件的容器. 在计算机中,BLOB常常是数据库中用来存储二进制文件的字段类型. BLOB是一个大文件,典型的BLOB是一张图片或一个声音文件,由于它们的尺寸,必须使用特殊的方式来处理(例如:上传.下载或者存放到一个数据库). 根据Eric Raymond的说法,处理BLOB的主要思想就是

微信小程序------媒体组件（视频，音乐，图片）

今天主要是简单的讲一下小程序当中的媒体组件,媒体组件包括:视频,音乐,图片等. 先来看看效果图: 1:图片Image <!-- scaleToFill:不保持纵横比缩放图片,使图片的宽高完全拉伸至填满 image 元素 widthFix:宽度不变,高度自动变化,保持原图宽高比不变 aspectFill:保持纵横比缩放图片,只保证图片的短边能完全显示出来. 也就是说,图片通常只在水平或垂直方向是完整的,另一个方向将会发生截取. aspectFit: 保持纵横比缩放图片,使图片的长边能完全显示出来.

实现微信聊天的尖角图片样式

参考连接 http://www.jianshu.com/p/f77f54720202,不过我感觉他这里实现的不是很完美,因为三角是继承的整个图片,所以做了一些更改效果如下,哈哈在safari里一放大明显能看出来怎么弄的第一种实现方式如上图,方式是一个透明三角和两个矩形去覆盖图片右侧内容,不过这样会是原本图片右侧的两个border-radius失效,然后再弄两个圆弧盖住右上角和右下角..感觉有点傻,在android上还有兼容性问题,代码如下,效果如下图 1 <!doctype html>