bootstrap组件 -- (笔记三)

 添加该 pagination样式来在页面上显示分页

<ul class="pagination">
    <li><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul>

分页的项也可以禁用与选中(disabled 与 active, 这两个样式几乎都是通用的)

<ul class="pagination">
  <li><a href="#">&laquo;</a></li>
  <li class="active"><a href="#">1</a></li>
  <li class="disabled"><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="#">&raquo;</a></li>
</ul>

分页的大小(和按钮组那种类型, 整体调整大小 pagination-lg代表大, pagination-sm代表小)

<ul class="pagination pagination-lg">
	<li><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul><br>
<ul class="pagination">
	<li><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul><br>
<ul class="pagination pagination-sm">
	<li><a href="#">&laquo;</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="#">&raquo;</a></li>
</ul>

翻页:

比如看小说, 有前一页, 后一页的标识

 使用page样式获得翻页链接

使用previous靠左, 使用next靠右(默认是居中的)

使用disabled禁用链接

<ul class="pager">
  <li class="previous disabled"><a href="#">上一页</a></li>
  <li class="next"><a href="#">下一页</a></li>
</ul>

bootstrap标签:

bootstrap标签指的是label样式, 这里不是指元素

标签可用于计数、提示或页面上其他的标记显示

<span class="label label-default">默认标签</span>
<span class="label label-primary">主要标签</span>
<span class="label label-success">成功标签</span>
<span class="label label-info">信息标签</span>
<span class="label label-warning">警告标签</span>
<span class="label label-danger">危险标签</span>

bootstrap徽章:

徽章与标签相似，主要的区别在于徽章的边角更加圆滑

主要用于突出显示新的或未读的项