使用flex在bootstrap 4中浮动2个div

在Bootstrap 4中使用Flex布局可以实现浮动两个div。Flex布局是一种强大的CSS布局模型，可以轻松实现灵活的页面布局。

首先，确保你已经引入了Bootstrap 4的CSS文件和相关的JavaScript文件。

接下来，创建一个包含两个div的父容器，并为其添加d-flex类，以启用Flex布局。例如：

<div class="d-flex">
  <div class="div1">Div 1</div>
  <div class="div2">Div 2</div>
</div>

然后，为每个div添加相应的类来定义其样式和行为。例如，可以使用flex-grow-1类使两个div平分父容器的宽度，并使用mr-2类为第一个div添加右边距。示例代码如下：

<div class="d-flex">
  <div class="div1 flex-grow-1 mr-2">Div 1</div>
  <div class="div2 flex-grow-1">Div 2</div>
</div>

在上述代码中，flex-grow-1类使两个div平分父容器的宽度，mr-2类为第一个div添加了2个单位的右边距。

最后，你可以根据需要自定义每个div的样式和内容。

这种使用Flex布局的方式可以实现在Bootstrap 4中浮动两个div，并且具有响应式的特性。如果你想了解更多关于Flex布局的信息，可以参考腾讯云的相关文档和示例代码：

• Flex布局概念和分类：Flex 布局 - CSS | 腾讯云
• Flex布局优势和应用场景：Flex 布局 - CSS | 腾讯云
• 腾讯云相关产品和产品介绍链接地址：腾讯云产品