Кнопка добавления выпадающего меню twitter bootstrap появляется на неправильной стороне ввода в таблице

Приведенный ниже html отлично работает сам по себе, но при размещении внутри таблицы td кнопка раскрывающегося списка появляется с левой стороны ввода, хотя она должна быть с правой стороны. Это должно выглядеть примерно так, как пример добавления с помощью кнопки в разделе «Расширение элементов управления формы» на этой странице:http://twitter.github.com/bootstrap/base-css.html#forms

Оба предмета имеют правильную форму. т.е. закругленные углы и прямые края находятся на правильных сторонах, но поскольку кнопка находится слева от ввода, прямые края не совпадают. Это закругленные углы, которые находятся рядом друг с другом. Я хочу, чтобы они отображались, как в разметке, с вводом рядом с кнопкой раскрывающегося списка, которые, казалось бы, соединены вместе. Даже если попытаться использовать класс "input -prepend" (не так, как хотелось бы ), это не изменится.

Примечание. :Я использую twitter bootstrap в приложении rails через последнюю версию twitter -bootstrap -rails gem.

  
  • Единственный css, который у меня есть, это то, что пришло с twitter bootstrap, а также с jquery ui.
  • То же самое в сафари и файрфоксе.
  • Это внутри тегов формы.
  • Я пробовал столько комбинаций div, span, class (, append, prepend, btw -group, add -on, control -group и т. д. ), которые я могу придумать.

Я делаю это неправильно? Есть ли дополнительный CSS, который я могу добавить, чтобы он работал? Любая помощь будет оценена по достоинству.

Для бонусных баллов :Пример добавления и начала (http://twitter.github.com/bootstrap/base-css.html#forms)не работает на моем сайте ни в таблице, ни вне ее. Я могу использовать только один или другой, а не оба одновременно.

5
задан Daniel 3 April 2012 в 22:59
поделиться