Bootstrap 4对齐项目- div flexbox中的底部

Bootstrap 4是一个流行的前端开发框架，它提供了丰富的组件和工具，帮助开发者快速构建响应式网页。在Bootstrap 4中，可以使用flexbox来实现对齐项目。

Flexbox是一种用于布局的弹性盒子模型，它可以让开发者更灵活地控制元素在容器中的位置和大小。在flexbox中，可以使用justify-content属性来控制项目在主轴上的对齐方式，使用align-items属性来控制项目在交叉轴上的对齐方式。

要在Bootstrap 4中实现底部对齐的效果，可以将容器的display属性设置为flex，然后使用justify-content-end来将项目在主轴上向右对齐，使用align-items-end来将项目在交叉轴上向下对齐。以下是一个示例代码：

<div class="d-flex justify-content-end align-items-end">
  <div class="p-2">项目1</div>
  <div class="p-2">项目2</div>
  <div class="p-2">项目3</div>
</div>

在上面的代码中，d-flex类将容器设置为flexbox布局，justify-content-end类将项目在主轴上向右对齐，align-items-end类将项目在交叉轴上向下对齐。每个项目都使用了p-2类来添加一些内边距，以增加可读性。

这种底部对齐的布局适用于各种场景，例如在页面底部显示一组按钮或导航链接。如果你想了解更多关于Bootstrap 4的信息，可以访问腾讯云的Bootstrap 4产品介绍页面：Bootstrap 4产品介绍。