Как я могу расположить поля в 4 равных столбца внутри сетки - PullRequest
Новая
       8

Как я могу расположить поля в 4 равных столбца внутри сетки

0 голосов
/ 08 февраля 2019

У меня есть пользовательский интерфейс, и я хочу расположить их в 4 одинаковых столбцах, чтобы метка и поле ввода находились в одной строке внутри сетки или формы.Я на самом деле хочу знать класс для применения тега div, содержащего пару метки и поля ввода.

1 Ответ

0 голосов
/ 08 февраля 2019

Вы можете использовать Bootstrap 4 Grid System

Образец: 

<!-- 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>

подробнее здесь

...