Bootstrap有返回按钮函数吗
时间: 2023-08-23 16:05:03 浏览: 48
Bootstrap 是一个 UI 框架,提供了丰富的组件和样式,但是 Bootstrap 并没有直接提供返回按钮的函数。不过,Bootstrap 中的按钮组件可以很方便地用来实现返回按钮的样式。
以下是一个使用 Bootstrap 按钮组件实现返回按钮的示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 返回按钮示例</title>
<!-- 引入 Bootstrap 样式文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-12">
<button class="btn btn-default" onclick="goBack()">返回</button>
</div>
</div>
</div>
<!-- 引入 Bootstrap JavaScript 文件 -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
function goBack() {
window.history.back();
}
</script>
</body>
</html>
```
在该示例中,通过使用 Bootstrap 的网格系统和按钮组件,实现了一个简单的返回按钮。注意,为了使用 Bootstrap 样式和 JavaScript,需要在页面头部引入相应的文件。
同时,为了实现返回功能,还需要在页面中添加 `goBack()` 函数。该函数与前面提到的纯 HTML 实现方式相同。