如何在bootstrap 4中将两个输入放在一起

在Bootstrap 4中将两个输入放在一起，可以使用Bootstrap提供的表单组（Form Group）来实现。表单组可以将多个表单元素组合在一起，使它们看起来像是一个整体。

下面是如何在Bootstrap 4中将两个输入放在一起的步骤：

1. 创建一个表单（Form）元素，并添加class为"form-inline"，使其成为行内表单。

<form class="form-inline">
  <!-- 表单元素放置在这里 -->
</form>

1. 在表单元素中创建一个表单组（Form Group），使用div元素并添加class为"form-group"。

<form class="form-inline">
  <div class="form-group">
    <!-- 表单元素放置在这里 -->
  </div>
</form>

1. 在表单组中创建两个输入元素，使用input元素，并添加class为"form-control"，使其具有Bootstrap样式。

<form class="form-inline">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="输入1">
    <input type="text" class="form-control" placeholder="输入2">
  </div>
</form>

完成以上步骤后，两个输入框将在同一行显示，并且具有Bootstrap的样式。

表单组的优势是可以方便地组合多个表单元素，使其在视觉上形成一组，提升用户体验和交互性。适用场景包括需要用户同时输入多个相关信息的场景，如注册表单、搜索表单等。

关于腾讯云相关产品，推荐使用腾讯云的Web+服务，它提供了一站式的Web应用托管解决方案，支持自动化部署和弹性伸缩，适合前端开发人员快速部署和管理应用。更多关于腾讯云Web+的信息，请访问：腾讯云Web+