如何在网格内的 4 个相等的列中排列字段答案

【问题标题】：How can I arrange the Fields in 4 equal columns inside a grid如何在网格内的 4 个相等的列中排列字段
【发布时间】：2019-07-02 10:38:52
【问题描述】：

我有一个 UI，我想将它们排列在 4 个相等的列中，标签和输入字段在网格或表单内的同一行中。我其实很想知道申请div标签包含一对标签和输入字段的类。

【问题讨论】：

您是在使用 Bootstrap 还是类似的东西，还是自己编写所有代码？

标签： twitter-bootstrap twitter-bootstrap-3 bootstrap-4

【解决方案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

【讨论】：