Bootstrap是一个基于HTML、CSS、JavaScript的前端开发框架，它使用了一系列的CSS样式和JavaScript插件，能够提高Web开发的效率。
与Bootstrap搭配使用的jQuery是一款JavaScript库，它为我们提供了一系列的代码库和API，可以方便地操作DOM和处理事件、动画等。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>BootstrapDemo</title>
<!-- 引入bootstrap.css -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<h1>Hello, Bootstrap!</h1>
<p>这是一个使用Bootstrap框架的网页。</p>
<button id="btn" class="btn btn-primary">点击我</button>
</div>
<!-- 引入jquery.js 和 bootstrap.js -->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.slim.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.min.js"></script>
<script>
$(function() {
$('#btn').click(function() {
alert('你好，Bootstrap和jQuery！');
});
});
</script>
</body>
</html>在上面的例子中，我们先引入了Bootstrap.css文件，然后使用了Bootstrap的样式和布局。接着，我们引入了jQuery.js和Bootstrap.js文件，其中，版本号可以根据需要进行修改。
在JavaScript代码中，我们使用了jQuery的点击事件，当按钮被点击时，弹出一个提示框。