Нужны горизонтальные и вертикальные интервалы между элементами управления

#html

#HTML

Вопрос:

Я создаю пользовательский интерфейс для приложения angular и использую bootstrap 4. Мне нужно применить горизонтальные и вертикальные интервалы между элементами управления. Не могли бы вы сказать мне, какой подход является наилучшим. В настоящее время все элементы управления прикреплены друг к другу. Я создал stackblitz, чтобы воспроизвести проблему.

введите описание изображения здесь

Вот ссылка на stackblitz

https://stackblitz.com/edit/angular-uypvsy-hsbaav

Ответ №1:

Вы должны просто иметь возможность встроить классы из Bootstrap 4 в отдельные элементы, т. е. mb-4 для нижнего поля, pr-2 для правого отступа 2 и т.д.

https://getbootstrap.com/docs/4.3/utilities/spacing/

Комментарии:

1. Я ищу некоторые глобальные стили, которые будут применяться ко всем элементам управления формы

2. Вы могли бы просто обернуть форму в класс, а затем выбрать все входные данные внутри него? Если вы это делаете, вам ничего не понадобится из Bootstrap .form input { padding-right: 5px; padding-bottom: 5px; }