2015-08-13 2 views
0

Я хочу динамически показывать или скрывать input-group-addon внутри группы ввода.Как спрятать правильно диапазон входных групп-аддонов внутри группы ввода

<div class="input-group"> 
    <div class="form-control"></div> 
    <span title="" class="input-group-addon" data-original-title=""> 
    <span class="glyphicon glyphicon-plus"></span> 
    </span> 
</div> 

Here пример

Проблема заключается в том, что как только я скрыть аддон, ширина на вход не является правильным больше.

Как правило, это не рекомендуется делать, или я делаю что-то неправильно?

(я искал дубликат на этот вопрос, но я не мог найти что-нибудь)

ответ

2

Вы должны использовать form.form-inline или установить ширину контейнера
http://jsfiddle.net/eot1nst7/

+0

К сожалению, я не могу добавить другую форму. Я попытался установить ширину контейнера, но он тоже не работает ... – bloC

+0

Я надеюсь, что этот пример поможет вам http://jsfiddle.net/eot1nst7/1/ – cetver

+0

Спасибо за ваши усилия и быстрый ответ. К сожалению, это не работает для меня, и я не знаю, почему. Вы можете попробовать это самостоятельно со ссылкой, которую я предоставил в вопросе ... это странно. Тем не менее, голосуйте, потому что это поможет другим пользователям. – bloC

1

вы можете добавить класс CSS " контейнер "дополнительно к вашей группе ввода.