CSS / Bootstrap:想要在div中并排定位2个div

CSS（层叠样式表）是一种用于描述网页元素样式的标记语言。它通过选择器和声明来指定网页元素的外观和布局。

Bootstrap是一个流行的前端开发框架，它基于CSS和JavaScript，并提供了一套样式和组件，用于快速构建响应式和现代化的网页界面。

要在一个div中并排定位两个div，可以使用CSS的布局属性和Bootstrap提供的网格系统。

首先，在HTML中创建一个父容器div，并为其添加一个样式类名，例如：

<div class="container">
  <!-- 两个子div -->
  <div class="child"></div>
  <div class="child"></div>
</div>

然后，在CSS中定义这些类的样式：

.container {
  display: flex; /* 使用flex布局 */
}

.child {
  flex: 1; /* 子div自动填充父容器的剩余空间 */
}

上述代码中，通过将父容器的display属性设置为flex，将子div以水平方向并排放置。子div的flex属性设置为1，使其自动填充父容器的剩余空间。

除了使用原生CSS，你还可以使用Bootstrap的网格系统来实现相同的效果。Bootstrap的网格系统将页面水平划分为12列，可以通过将子div分别放置在.col类中来实现并排定位。

<div class="container">
  <!-- 两个子div -->
  <div class="col"></div>
  <div class="col"></div>
</div>

需要注意的是，为了能够使用Bootstrap的网格系统，你需要在页面中引入Bootstrap的CSS文件和相关的JavaScript文件。关于Bootstrap的更多信息和详细介绍，你可以参考腾讯云的Bootstrap产品文档：

Bootstrap产品介绍

总结起来，CSS和Bootstrap提供了各种布局和样式的选择，可以帮助开发者轻松实现网页元素的定位和排列。具体使用哪种方法取决于你的需求和个人偏好。