上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。

克拉玛依设计网页公司

ASP.NET Web Forms - 导航

ASP.NET 带有内建的导航控件。

网站导航

维护大型网站的菜单是困难而且费时的。

在 ASP.NET 中，菜单可存储在文件中，这样易于维护。文件通常名为 web.sitemap，并且被存放在网站的根目录下。

此外，ASP.NET 有三个新的导航控件：

• Dynamic menus

• TreeViews

• Site Map Path

Sitemap 文件

在本教程中，使用下面的 sitemap 文件：

创建 sitemap 文件的规则：

• XML 文件必须包含 围绕内容的 <siteMap> 标签

• <siteMap> 标签只能有一个 <siteMapNode> 子节点（ "home" 页面）

• 每个 <siteMapNode> 可以有多个子节点（网页）

• 每个 <siteMapNode> 带有定义页面标题和 URL 的属性

注释：sitemap 文件必须位于站点根目录下，URL 属性必须相对于该根目录。

动态菜单

<asp:Menu> 控件可显示标准的站点导航菜单。

代码实例：

上面实例中的 <asp:Menu> 控件是一个供服务器创建导航菜单的占位符。

控件的数据源由 DataSourceId 属性定义。 id="nav1" 把数据源连接到 <asp:SiteMapDataSource> 控件。

<asp:SiteMapDataSource> 控件自动连接默认的 sitemap 文件（web.sitemap）。

TreeView

<asp:TreeView> 控件可显示多级导航菜单。

这种菜单看上去像一棵带有枝叶的树，可通过 + 或 - 符号来打开或关闭。

代码实例：

上面实例中的 <asp:TreeView> 控件是一个供服务器创建导航菜单的占位符。

控件的数据源由 DataSourceId 属性定义。 id="nav1" 把数据源连接到 <asp:SiteMapDataSource> 控件。

<asp:SiteMapDataSource> 控件自动连接默认的 sitemap 文件（web.sitemap）。

SiteMapPath

SiteMapPath 控件可显示指向当前页面的指针（导航路径）。该路径显示为指向上级页面的可点击链接。

与 TreeView 和 Menu 控件不同，SiteMapPath 控件不使用 SiteMapDataSource。SiteMapPath 控件默认使用 web.sitemap 文件。

提示：如果 SiteMapPath 没有正确显示，很可能是由于 web.sitemap 文件中存在 URL 错误（打印错误）。

代码实例：

上面实例中的 <asp:SiteMapPath> 控件是一个供服务器创建导航菜单的占位符。

Bootstrap 是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。

Bootstrap5 目前是 Bootstrap 的最新版本，是一套用于 HTML、CSS 和 JS 开发的开源工具集。它支持 Sass 变量和 mixins、响应式网格系统、大量的预建组件和强大的 JavaScript 插件，助你快速设计和自定义响应式、移动设备优先的站点。

谁适合阅读本教程？

只要您具备 HTML 和 CSS 的基础知识，您就可以阅读本教程，进而开发出自己的网站。在您学习完本教程后，您即可达到使用 Bootstrap 开发 Web 项目的中等水平。

阅读本教程前，您需要了解的知识：

在您开始阅读本教程之前，您必须具备 HTML 、 CSS 和 JavaScript 的基础知识。如果您还不了解这些概念，那么建议您先阅读我们的这些教程:

HTML 教程

CSS 教程

JavaScript 教程

为什么使用 Bootstrap

容易上手：只要对 HTML 和 CSS 有基本了解的人都可以很快速的使用 Bootstrap。

响应式设计：Bootstrap 可以根据不同平台（手机、平板电脑和台式机）进行调整。

移动优先：在 Bootstrap 中，自适应移动端是框架的核心部分。

浏览器兼容性：Bootstrap5 兼容所有主流浏览器（Chrome、Firefox、Edge、Safari 和 Opera）。 如果您需要支持 IE11 及以下版本，请使用 Bootstrap4 或 Bootstrap3。

Bootstrap5 实例

以下是一个简单的 Bootstrap5 实例：

Bootstrap5 实例

<div class="container-fluid p-5 bg-primary text-white text-center">

    <h1>我的第一个 Bootstrap 页面</h1>

    <p>这是一个响应式页面，重置浏览器大小查看效果!</p> 

</div>

<div class="container mt-5">

    <div class="row">

        <div class="col-sm-4">

        <h3>第一列</h3>

        <p>菜鸟教程</p>

        <p>学的不仅是技术，更是梦想！！！</p>

        </div>

        <div class="col-sm-4">

        <h3>第二列</h3>

        <p>菜鸟教程</p>

        <p>学的不仅是技术，更是梦想！！！</p>

        </div>

        <div class="col-sm-4">

        <h3>第三列</h3>        

        <p>菜鸟教程</p>

        <p>学的不仅是技术，更是梦想！！！</p>

        </div>

    </div>

</div>

尝试一下 »

Bootstrap5 与 Bootstrap 3 & 4

Bootstrap5 是 Bootstrap 的最新版本，使用了新组件、更快的样式表以及拥有更快的响应能力。

Bootstrap5 支持所有主要的最新稳定版本浏览器，但不支持 Internet Explorer 11 及以下版本。

Bootstrap5 和 Bootstrap 3 & 4 的主要区别在于 Bootstrap5 不再依赖 jQuery，使用了原生的 JavaScript，当然我们如果要想用也可以引入 jQuery。

Bootstrap5 IE11 以下版本的浏览器，Bootstrap4 放弃了对 IE8 以及 iOS 6 的支持。如果需要对旧版本浏览器兼容，那么请使用 Bootstrap3。

注意：目前官方团队仍然在维护 Bootstrap 3 和 Bootstrap 4 ，我们可以继续使用它们， 但是，不会向 Bootstrap 3 & 4 添加新功能。

克拉玛依设计网页公司

上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。

服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）