您的位置：首页 > 其它

图标按钮组件的所有测试用例

2016-08-06 10:25 676 查看
图标按钮组件的所有测试用例

<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">

<title>图标菜单按钮组件</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<style>
.a{
height:50px;
width:200px;
border:1px solid #ccc;
background-color:#eee;
}

</style>
</head>
<body style="margin:50px;">
<!--<i class="glyphicon glyphicon-star"></i>-->
<!--<span class="glyphicon glyphicon-star"></span>-->
<!--<button class="btn btn-default btn-lg">-->
<!--<i class="glyphicon glyphicon-star"></i>-->
<!--</button>-->
<!--<div class="dropdown">-->
<!--<button class="btn btn-default" data-toggle="dropdown">-->
<!--下拉菜单-->
<!--<span class="caret"></span>-->

<!--</button>-->
<!--<ul class="dropdown-menu">-->
<!--<li><a href="#">首页</a></li>-->
<!--<li><a href="#">资讯</a></li>-->
<!--<li><a href="#">产品</a></li>-->
<!--<li><a href="#">关于</a></li>-->

<!--</ul>-->
<!--<div class="dropup">-->
<!--<button class="btn btn-default" data-toggle="dropdown">-->
<!--下拉菜单-->
<!--<span class="caret"></span>-->

<!--</button>-->
<!--<ul class="dropdown-menu">-->
<!--<li><a href="#">首页</a></li>-->
<!--<li><a href="#">资讯</a></li>-->
<!--<li><a href="#">产品</a></li>-->
<!--<li><a href="#">关于</a></li>-->
<!--</ul>-->

<!--<div class="dropdown">-->
<!--<button class="btn btn-default" data-toggle="dropdown">-->
<!--下拉菜单-->
<!--<span class="caret"></span>-->

<!--</button>-->
<!--<ul class="dropdown-menu">-->
<!--<li class="dropdown-header">网站导航</li>-->
<!--<li><a href="#">首页</a></li>-->
<!--<li><a href="#">资讯</a></li>-->
<!--<li class="divider"><a href="#">产品</a></li>-->
<!--<li class="disabled"><a href="#">关于</a></li>-->
<!--</ul>-->
<!--</div>-->
<!--<div class="btn-toolbar">-->
<!--<div class="btn-group btn-group-lg">-->
<!--<button type="button" class="btn btn-default">左</button>-->
<!--<button type="button" class="btn btn-default">中</button>-->
<!--<button type="button" class="btn btn-default">右</button>-->
<!--</div>-->
<!--<div class="btn-group">-->
<!--<button type="button" class="btn btn-default">1</button>-->
<!--<button type="button" class="btn btn-default">2</button>-->
<!--<button type="button" class="btn btn-default">3</button>-->
<!--</div>-->
<!--</div>-->
<!--<div class="btn-group">-->
<!--<button type="button" class="btn btn-default">左</button>-->
<!--<button type="button" class="btn btn-default">中</button>-->
<!--<button type="button" class="btn btn-default">右</button>-->
<!--<div class="btn-group">-->
<!--<button class="btn btn-default dropdown-toggle" data-toggle="dropdown">-->
<!--下拉菜单-->
<!--<span class="caret"></span>-->

<!--</button>-->
<!--<ul class="dropdown-menu">-->
<!--<li class="dropdown-header">网站导航</li>-->
<!--<li><a href="#">首页</a></li>-->
<!--<li><a href="#">资讯</a></li>-->
<!--<li class="divider"><a href="#">产品</a></li>-->
<!--<li class="disabled"><a href="#">关于</a></li>-->
<!--</ul>-->
<!--</div>-->

<!--</div>-->
<!--<div class="btn-group-vertical">-->
<!--<button type="button" class="btn btn-default">左</button>-->
<!--<button type="button" class="btn btn-default">中</button>-->
<!--<button type="button" class="btn btn-default">右</button>-->
<!--</div>-->
<div class="btn-group-justified">
<a type="button" class="btn btn-default">左</a>
<a type="button" class="btn btn-default">中</a>
<a type="button" class="btn btn-default">右</a>
</div>

<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航