У меня две составляющие. Один - это форма поиска, а другой - результат формы поиска. При нажатии кнопки в форме поиска отображается компонент результатов поиска. В настоящее время идет вертикально. Я хочу, чтобы результат поиска отображался рядом с формой поиска (по горизонтали).
В форме поиска html Я дал bootstrap сетку как 4, а в результате поиска я дал как 8.
Я попытался передать общий класс div в глобальный стиль. css и установить его как display: inline-block, но безуспешно.
Мой первый компонент - это форма bootstrap. Мой второй компонент - это таблица данных PrimeNG.
Что я пробовал?
Component 1 templateUrl : 'component1.html' > div classes to create a search form and parent div having test as class
Component 2 tempalteUrl : 'component2.html' > div classes to create a primeNG data table and div having test as class
Global style.css > .test {display: inline-block} so that I can align them horizontally.
EDIT
Выше Я пробовал, что не работает должным образом. Я добавляю пример выходного изображения, который готовится прямо сейчас.
введите описание изображения здесь
Как я на самом деле хотел введите описание изображения здесь