如何在Bootstrap 4中布局标签和值？

在Bootstrap 4中布局标签和值可以通过使用网格系统和CSS类来实现。以下是一种常见的布局方式：

使用网格系统：Bootstrap 4提供了响应式的网格系统，可以将页面划分为12个等宽的列。通过将标签和值分别放置在不同的列中，可以实现布局。

<div class="container">
  <div class="row">
    <div class="col-md-4">
      <label for="name">姓名：</label>
    </div>
    <div class="col-md-8">
      <input type="text" id="name" name="name">
    </div>
  </div>
  <div class="row">
    <div class="col-md-4">
      <label for="email">邮箱：</label>
    </div>
    <div class="col-md-8">
      <input type="email" id="email" name="email">
    </div>
  </div>
</div>

在上面的示例中，使用了container类来创建一个容器，并使用row类来创建行。然后，使用col-md-4和col-md-8类将标签和值分别放置在不同的列中。这样可以实现一个简单的标签和值布局。

使用CSS类：Bootstrap 4还提供了一些CSS类，可以用于布局标签和值。

<div class="form-group">
  <label for="name">姓名：</label>
  <input type="text" class="form-control" id="name" name="name">
</div>
<div class="form-group">
  <label for="email">邮箱：</label>
  <input type="email" class="form-control" id="email" name="email">
</div>

在上面的示例中，使用了form-group类来创建一个表单组。标签和值都直接放置在表单组中，通过CSS类form-control来设置值的样式。这样可以实现一个简单的标签和值布局。

以上是在Bootstrap 4中布局标签和值的两种常见方式。具体的布局方式可以根据实际需求进行调整和扩展。