Question

我有一个UI，我想将它们分成4个相等的列，其中label和input字段位于网格或表单的同一行中。我实际上想知道要申请包含一对标签和输入字段的div标签的类。

Answer 1

您可以使用 Bootstrap 4网格系统

示例：

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>

<div class="row">
      <div class="col-3" style="background-color:Orange;">25%</div>
      <div class="col-3" style="background-color:DarkOrange;">25%</div>
      <div class="col-3" style="background-color:Green;">25%</div>
      <div class="col-3" style="background-color:DarkGreen;">25%</div>
    </div>

了解更多here

我如何在一个网格内的四个相等的列中排列字段

1 个答案: