Bootstrap带输出框的分页样式

2014-11-29 0 261
Bootstrap带输出框的分页样式
<!DOCTYPE html>
<html lang="en">
  	<head>
	    <meta charset="utf-8"/>
		<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" rel="external nofollow"  rel="stylesheet"/>
		<style type="text/css">
		.pagination ul > li > input{
			vertical-align: top;
		  	-webkit-border-radius: 0;
		     -moz-border-radius: 0;
		          border-radius: 0;
		    height:auto;
			*height: 20px;
			margin-bottom:0px;
			background-color: #fff;
			border-left-width: 0;
			width:40px;
			float:left;
			min-height: auto;
			*min-height: 20px;
		}
		</style>
	</head>
	<body>
		<div class="pagination pagination-right">
		  	<ul>
		  		<li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><i class="icon-fast-backward"></i></a></li>
			    <li class="disabled"><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >Previous</a></li>
		    	<li class="disabled"><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >1</a></li>
		    	<li class="disabled"><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >2</a></li>
		    	<li class="disabled"><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >3</a></li>
		    	<li class="disabled"><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >4</a></li>
		    	<li class="disabled"><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >5</a></li>
			    <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >Next</a></li>
			    <li><a href="#" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" ><i class="icon-fast-forward"></i></a></li>
			    <li><input type="text" class="input"></li>
			    <li><a href="javascript:void();" rel="external nofollow"  onclick="">Go</a></li>
		  	</ul>
		</div>
	</body>
</html>

遇见资源网 html Bootstrap带输出框的分页样式 http://www.ox520.com/13862.html

常见问题

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务