Bootstrap带输出框的分页样式

前端之家收集整理的这篇文章主要介绍了Bootstrap带输出框的分页样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

下面是编程之家 jb51.cc 通过网络收集整理的代码片段。

编程之家小编现在分享给大家,也给大家做个参考。

<!DOCTYPE html>
<html lang="en">
  	<head>
	    <Meta charset="utf-8"/>
		<link href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css" 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="#"><i class="icon-fast-backward"></i></a></li>
			    <li class="disabled"><a href="#">PrevIoUs</a></li>
		    	<li class="disabled"><a href="#">1</a></li>
		    	<li class="disabled"><a href="#">2</a></li>
		    	<li class="disabled"><a href="#">3</a></li>
		    	<li class="disabled"><a href="#">4</a></li>
		    	<li class="disabled"><a href="#">5</a></li>
			    <li><a href="#">Next</a></li>
			    <li><a href="#"><i class="icon-fast-forward"></i></a></li>
			    <li><input type="text" class="input"></li>
			    <li><a href="javascript:void();" onclick="">Go</a></li>
		  	</ul>
		</div>
	</body>
</html>

以上是编程之家(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

原文链接:https://www.f2er.com/html/457410.html

猜你在找的HTML相关文章