用bootstrap写一个购物车页面，允许用户将所选书籍添加到购物车中，并显示订单总计。

好的，我可以帮你回答这个问题。不过需要说明的是，我是一个语言模型，无法直接演示页面，但我可以为你提供一个简单的示例代码，你可以根据这个代码进行修改和完善，实现你所需要的购物车页面。

首先，我们需要引入 Bootstrap 的 CSS 和 JavaScript 文件。可以使用以下代码：

<!-- 引入 Bootstrap 的 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css">

<!-- 引入 Bootstrap 的 JavaScript 文件 -->
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/js/bootstrap.min.js"></script>

接下来，我们创建一个简单的表格来展示书籍信息：

<table class="table">
  <thead>
    <tr>
      <th>#</th>
      <th>书名</th>
      <th>价格</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>1</td>
      <td>书籍 1</td>
      <td>10</td>
      <td><button class="btn btn-primary">添加到购物车</button></td>
    </tr>
    <tr>
      <td>2</td>
      <td>书籍 2</td>
      <td>20</td>
      <td><button class="btn btn-primary">添加到购物车</button></td>
    </tr>
    <tr>
      <td>3</td>
      <td>书籍 3</td>
      <td>30</td>
      <td><button class="btn btn-primary">添加到购物车</button></td>
    </tr>
  </tbody>
</table>

在每个书籍的最后一列中，我们添加了一个“添加到购物车”的按钮。接下来，我们需要使用 JavaScript 来实现将书籍添加到购物车的功能：

<script>
  var items = []; // 购物车中的书籍列表
  var total = 0; // 订单总计金额

  // 绑定“添加到购物车”按钮的点击事件
  $('.btn-primary').click(function() {
    var tr = $(this).parents('tr'); // 获取当前行
    var name = tr.find('td:eq(1)').text(); // 获取书籍名称
    var price = parseInt(tr.find('td:eq(2)').text()); // 获取书籍价格
    items.push({name: name, price: price}); // 添加到购物车列表
    total += price; // 更新订单总计金额
    alert('已将 ' + name + ' 添加到购物车中！'); // 提示用户添加成功
  });
</script>

以上代码实现了添加到购物车的功能，并在添加成功后弹出提示框。最后，我们需要在页面中添加一个用于显示订单总计金额的元素：

<div class="text-right">
  <h4>订单总计：<span id="total">0</span> 元</h4>
</div>

<script>
  // 更新订单总计金额
  $('#total').text(total);
</script>

以上就是一个简单的购物车页面的实现。你可以根据需要进行修改和完善，比如添加更多的书籍、实现删除书籍、实现结算等功能。希望对你有所帮助！