Bootstrap -希望两个div在水平方向

对齐，一个占据左侧50%的宽度，另一个占据右侧50%的宽度，同时保持响应式布局。

Bootstrap是一个流行的前端开发框架，它提供了一套用于快速构建网页界面的CSS和JavaScript组件。通过使用Bootstrap，开发人员可以轻松地创建具有一致性和响应式设计的网页。

要实现两个div在水平方向上的对齐，可以使用Bootstrap的网格系统。网格系统将页面水平划分为12个等宽的列，开发人员可以根据需要将内容放置在这些列中。

首先，我们可以使用以下代码创建两个占据左侧50%和右侧50%宽度的div：

<div class="container">
  <div class="row">
    <div class="col-md-6">左侧内容</div>
    <div class="col-md-6">右侧内容</div>
  </div>
</div>

在上述代码中，container类用于创建一个容器，row类用于创建一个行。然后，我们使用col-md-6类将左侧和右侧的div分别设置为占据6个列的宽度，即50%的宽度。

此外，Bootstrap还提供了许多其他的CSS类和组件，可以用于实现更多样化的布局和设计。例如，可以使用col-xs-*、col-sm-*、col-lg-*等类来定义在不同屏幕尺寸下的布局。

关于Bootstrap的更多信息和使用方法，可以参考腾讯云的Bootstrap产品介绍页面：Bootstrap产品介绍。