在Bootstrap中，非导航链接的下拉锚点的href值是#加上目标元素的id。
以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 下拉锚点</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Bootstrap 下拉锚点</h1>
<p>点击下面的按钮进行下拉：</p>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false">
下拉菜单
</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a class="dropdown-item" href="#section1">Section 1</a></li>
<li><a class="dropdown-item" href="#section2">Section 2</a></li>
<li><a class="dropdown-item" href="#section3">Section 3</a></li>
</ul>
</div>
<h2 id="section1">Section 1</h2>
<p>这是第一部分的内容。</p>
<h2 id="section2">Section 2</h2>
<p>这是第二部分的内容。</p>
<h2 id="section3">Section 3</h2>
<p>这是第三部分的内容。</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>
在上面的示例中，下拉菜单的每个选项的href值是#加上对应的部分的id。当点击菜单项时，页面会滚动到相应的部分。例如，点击"Section 1"将滚动到具有id="section1"的部分。
社区干货
特惠活动
非导航链接的Bootstrap下拉锚点的Href值是什么？-优选内容
非导航链接的Bootstrap下拉锚点的Href值是什么？-相关内容