ブートストラップページ - チュートリアルの前シリーズ(51)の背景を見ることがプログラマに知らせます


完全なC言語自習マニュアル(33)

適応のためのAndroidのマルチ解像度のフレームワーク

JavaWebコア技術チュートリアルシリーズ

HTML5のフロントエンド開発の戦闘チュートリアルシリーズ

MySQLデータベースの体操のチュートリアル(35グラフィカルバージョン)

カスタムビューチュートリアルシリーズ(10) - と、自分の過去を転覆

森から出て考えると、道路上のセットの足は、洗練された高度な本質レコードを開発--Android

フロントチュートリアルシリーズ(40話の無料ビデオチュートリアル+ソースコード)を伝えるために探してAndroidのプログラマー


著作権

  • この記事原作者:コロンビア・ヴァレーの弟
  • ブログのアドレスにします。http://blog.csdn.net/lfdfhl

ページング

このチュートリアルでは、ページネーションとスタイルブートストラップが提供する紹介します。

<!DOCTYPE html>
<!-- 本文作者:谷哥的小弟-->
<!-- 博客地址:https://blog.csdn.net/lfdfhl-->
<html>
	<head>
		<!-- 以下3个meta标签必须置于head标签的最前位置 -->
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>分页</title>
		<!-- 引入Bootstrap的css文件 -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- 引入jQuery文件 -->
		<script src="js/jquery-3.2.1.min.js"></script>
		<!-- 引入Bootstrap的JavaScript -->
		<script src="js/bootstrap.min.js"></script>
	</head>
	<body>
		<nav aria-label="Page navigation">
			<ul class="pagination">
				<li>
					<a href="#" aria-label="Previous">
						<span aria-hidden="true">&laquo;</span>
					</a>
				</li>
				<li><a href="#">1</a></li>
				<li><a href="#">2</a></li>
				<li><a href="#">3</a></li>
				<li><a href="#">4</a></li>
				<li><a href="#">5</a></li>
				<li>
					<a href="#" aria-label="Next">
						<span aria-hidden="true">&raquo;</span>
					</a>
				</li>
			</ul>
		</nav>
	</body>
</html>

ここに画像を挿入説明

リリース1022元の記事 ウォンの賞賛1986 ビュー238万+

おすすめ

転載: blog.csdn.net/lfdfhl/article/details/102632942