blockquote
<blockquote>标签 自定义样式
blockquote 属于H5新增标签。结合bootstrap框架开发后台管理系统项目，使用起来无论是开发者，还是人机体验者，都是非常不错的选择和体验！
效果图如下
代码如下
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<title>blockquote标签 自定义样式</title>
<!-- Bootstrap -->
<link href="statics/plugins/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
<!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style type="text/css">
body{padding: 20px;}
.bootstrap-elem-quote{
margin-bottom: 10px;
padding: 15px;
line-height: 22px;
border-left: 5px solid #009688;
border-radius: 0 2px 2px 0;
background-color: #f2f2f2;
}
</style>
</head>
<body>
<blockquote class="bootstrap-elem-quote">
<form class="form-inline">
<p class="form-group">
<label for="exampleInputName2">Name</label>
<input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
</p>
<p class="form-group">
<label for="exampleInputEmail2">Email</label>
<input type="email" class="form-control" id="exampleInputEmail2" placeholder="[email protected]">
</p>
<button type="submit" class="btn btn-primary">Send invitation</button>
</form>
</blockquote>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="statics/plugins/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</body>
</html>
以上就是关于“ blockquote 标签 自定义样式 ” 的全部内容。
相关阅读
在jstl中，<c:forEach>是经常使用的标签。属性描述是否必要默认值items要被循环的信息否无begin开始的元素（0=第一个元素，1=第二个元
一般情况下 readonly状态下的输入框时灰色，如果想要改变颜色则需要添加一个css样式即可。 此操作将灰色改为白色。 <style> input[
如何避免形式主义的用户画像？最近，频繁遇到各类公司找我交流“用户画像该怎么做”这个问题。什么是用户画像呢？就是根据某个人表现出
1、jsp 头部页面引入函数 jsp页面需要引入自定义fns函数声明： <%@ taglib prefix=”fns” uri=”/WEB-INF/tlds/fns.tld” %>，自定
1.关键描述调用标签：<meta name="keywords" content="{:fieldname='keywords'/}"><meta name="description" content="{de