CSS / Bootstrap v3 - выровнять кнопку поиска и поле ввода (Bootstrap 3 в Drupal) - PullRequest
0 голосов
/ 27 ноября 2018

Используя Bootstrap v3 в Drupal v7.6x и модуле API поиска (и странице поиска), я попытался выровнять кнопку «Поиск» с полем ввода, но ни один из них не выровнялся по горизонтали.Может быть, я не вижу «дрова для деревьев», но, похоже, не могу исправить это с помощью CSS в файле override.css.

Может кто-нибудь подсказать, что я делаю неправильно или упускаюна?Заранее спасибо.Paul B

Прилагается: изображение элемента формы ввода и CSS, взятые из инструмента Chrome / Firefox Web Inspector.

enter image description here

enter image description here

1 Ответ

0 голосов
/ 30 ноября 2018

Я нашел решение, возможно, не правильное, но не то, что мне подходит сегодня, пока я не смогу больше узнать о css.То, что я сделал, было в моем css. Я создал строку в моем файле overrides.css и добавил следующую строку css:

#search-api-page-search-form div {
display: flex;
margin-bottom: 0px

}

, являющееся целевым окном поиска, которое используется.Проблема, с которой я столкнулся, заключалась в том, что поля были в «div», следовательно, div в конце кода.По крайней мере, я исправил это, и теперь я могу продолжать строить его дальше.

Если у кого-то есть какие-либо расширенные ответы, пожалуйста, не стесняйтесь предлагать и исправлять мой код.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...