Выпадающее изображение внутри datatables не будет выравниваться по вертикали

У меня есть выпадающее меню в таблице данных, которая создается динамически - я внесла корректировку бутстрапа css, чтобы вертикальное выравнивание таблицы было установлено на в середине, но выпадающее меню все еще отображается в верхнейВыпадающее изображение внутри datatables не будет выравниваться по вертикали

.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td 
{ 
    padding: 8px; 
    line-height: 1.42857143; 
    vertical-align: middle; 
    border-top: 1px solid #ddd; 
}

см мой jsbin here

(если ввести любой текст, а затем Добавить Инструкцию затем нажмите на Load скопированные данные кнопка)

Большое спасибо заранее

Update: это была форма-группа класс по родительским DIV, который имел установку: Маржа дном: 15px

Я создал новый класс, чтобы переопределить что установка margin-bottom равняется 0px

источник

2015-07-13 leddy

Вопросы, требующие помощи по отладке («почему этот код не работает?») Должны содержать кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. хотя вы указали ссылку на пример, если ссылка станет недействительной, ваш вопрос не будет иметь значения для других будущих пользователей SO с той же проблемой. –

спасибо @Paulie_D - я добавил код на свой вопрос сейчас – leddy

Можем ли мы воспроизвести проблему на основе поставляемого кода сейчас? –

Ваш выбор родительского DIV имеет .form-группы класс, который есть стиль краю дна: 15px;

Вы можете добавить margin-top: 15px; - .form-group в вашем css или наборе margin: 0px;

источник

2015-07-13 11:34:24

спасибо - если я это сделаю, это испортит другие части моей страницы - есть ли способ переопределить нижний край группы форм из input-xs или добавлением другого класса? – leddy

все в порядке, я добавил новый класс form-group-nomargin, и он отменяет - спасибо за это в правильном направлении! :) – leddy

Leddy, я думаю, лучший способ - добавить класс в table-parent, а затем установить в css –

Это не соответствует действительности. Родитель div просто имеет Bootstrap CSS:

.form-group { 
    margin-bottom: 15px; 
}

источник

2015-07-13 11:26:08

в ваших CSS select.input-хз просто добавить маржинального-топ: 15px; будет правильно выровнять выпадающее меню.

источник

2015-07-13 11:53:07

Выпадающее изображение внутри datatables не будет выравниваться по вертикали

ответ

Смежные вопросы