1. 导航条
Bootstrap中提供了多种不同样式的导航条，可以用于网站的顶部导航、侧边导航等。在HTML文件中，可以使用以下代码来创建导航条：
<nav class="navbar navbar-default">
<div class="container-fluid">
<!-- 导航条头部 -->
<div class="navbar-header">
<a class="navbar-brand" href="#">Logo</a>
</div>
<!-- 导航条右侧项目 -->
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</nav>
上述代码创建了一个基本的导航条，包含了一个头部Logo和四个导航项目。在导航条代码中，要特别注意以下几点：
1.1 导航条类型
在创建导航条时，需要指定导航条的类型。Bootstrap中提供了四种类型的导航条：
default（默认）：一般用于简单的网站导航
inverse（反色）：适用于背景颜色较深的网站或应用
static-top（固定顶部）：将导航条固定在页面顶部
fixed-top（固定在顶部）：将导航条始终显示在页面顶部，无论页面滚动到哪里
通过为导航条的class属性添加不同的值，可以指定不同的导航条类型。例如：
<nav class="navbar navbar-default">
...
</nav>
<nav class="navbar navbar-inverse">
...
</nav>
<nav class="navbar navbar-static-top">
...
</nav>
<nav class="navbar navbar-fixed-top">
...
</nav>
上述代码分别创建了四种类型的导航条。
1.2 导航条头部
导航条头部是指导航条最左侧的一个项目，通常用于显示网站的Logo或品牌标识。在代码中，可以使用以下代码来创建导航条头部：
<div class="navbar-header">
<a class="navbar-brand" href="#">Logo</a>
</div>
在上述代码中，使用了class为navbar-header的div元素来包含Logo项目，而Logo项目本身使用了class为navbar-brand的元素。
1.3 导航条右侧项目
除了导航条头部之外，导航条的右侧通常还包含了多个项目，用于网站的导航和功能操作。在HTML中，可以使用以下代码来创建导航条右侧项目：
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Contact</a></li>
</ul>
在上述代码中，<ul>元素使用了class为nav navbar-nav navbar-right，该class表示导航条右侧项目的样式和排列方式。每个导航项目使用<li>元素表示，其中的元素包含了项目名称和跳转链接。
2. 分页导航
分页导航是网站中常用的一种导航方式，可以用于展示大量数据的分页情况。在Bootstrap中，可以使用以下代码来创建分页导航：
<ul class="pagination">
<li class="disabled"><a href="#">«</a></li>
<li class="active"><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="#">»</a></li>
</ul>
上述代码创建了一个简单的分页导航，包含了七个页面链接，其中第一个页面和最后一个页面分别为不可用状态。在代码中，需要特别注意以下几点：
2.1 分页导航样式
Bootstrap中提供了五种样式的分页导航，可以通过为<ul>元素添加不同的class值来指定样式：
pagination-lg（大号分页）：增大分页导航的字体和间距
pagination-sm（小号分页）：缩小分页导航的字体和间距
pagination-default（默认分页）：普通的分页导航样式
pagination-primary（主题颜色分页）：使用Bootstrap主题颜色的分页导航
pagination-success、pagination-info、pagination-warning、pagination-danger：使用不同颜色的分页导航
例如，要创建主题颜色为蓝色的分页导航，可以使用以下代码：
<ul class="pagination pagination-primary">
...
</ul>
2.2 分页导航状态
分页导航中的每个页面链接可以设置为可用状态或不可用状态。在HTML中，需要为<li>元素添加disabled类来表示该链接为不可用状态，例如：
<li class="disabled"><a href="#">First</a></li>上述代码中，<li>元素使用了disabled类来表示该链接为不可用状态。
2.3 分页导航选中状态
在分页导航中，可以使用active类来表示当前选中的页面链接，例如：
<li class="active"><a href="#">1</a></li>上述代码中，<li>元素使用了active类来表示该链接为当前选中的链接。
2.4 分页导航中的省略号
在分页导航中，当页面数量过多时，可以使用省略号来代替部分页面链接。在HTML中，可以使用以下代码来创建省略号：
<li class="disabled"><span>...</span></li>上述代码中，<li>元素使用了disabled类来表示该链接为不可用状态，并使用<span>元素来包含省略号。
结论
通过本文的介绍，读者可以对Bootstrap中的导航条和分页导航有一个基本的认识。在Bootstrap中，导航条和分页导航可以通过简单的HTML代码和class属性来实现，同时，Bootstrap还提供了多种不同样式的导航条和分页导航，开发人员可以根据具体场景来选择和应用。因此，熟练掌握Bootstrap中的导航条和分页导航，对于Web开发人员来说是十分重要的。