带Bootstrap的HTML :按钮右对齐，div在新行居中

带Bootstrap的HTML：按钮右对齐，div在新行居中

答案： 要实现按钮右对齐，可以使用Bootstrap的栅格系统和Flex布局。首先，将按钮放在一个包含按钮和div的父容器中，然后使用Bootstrap的栅格系统将父容器分为两个列，一个用于按钮，一个用于div。在按钮所在的列上添加class "text-right"，即可实现按钮右对齐。

示例代码如下：

<div class="container">
  <div class="row">
    <div class="col-md-6 text-right">
      <button class="btn btn-primary">按钮</button>
    </div>
    <div class="col-md-6">
      <div class="text-center">
        <p>这是一个居中的div</p>
      </div>
    </div>
  </div>
</div>

在上述代码中，使用了Bootstrap的栅格系统将父容器分为两个等宽的列（col-md-6）。按钮所在的列添加了class "text-right"，使按钮右对齐。div所在的列中，使用了class "text-center"将div内容居中显示。

这种布局适用于需要将按钮和div放在同一行，并且按钮右对齐，div居中的场景。通过使用Bootstrap的栅格系统和Flex布局，可以快速实现这种布局效果。

推荐的腾讯云相关产品：腾讯云服务器（CVM）、腾讯云对象存储（COS）

• 腾讯云服务器（CVM）：提供弹性计算能力，可满足各种规模的应用需求。详情请参考：腾讯云服务器（CVM）
• 腾讯云对象存储（COS）：提供安全、稳定、低成本的云端存储服务，适用于各种数据存储和传输场景。详情请参考：腾讯云对象存储（COS）