Twitter -Bootstrap :Два раскрывающихся списка -кнопки-переключатели рядом не работают должным образом
Введение:Для одной из частей моего веб-сайта требуется небольшая панель инструментов с двумя выпадающими меню -рядом. Я попытался добиться этого с помощью следующей разметки (упрощенный):
Я хотел бы получить красивую -панель инструментов с двумя -кнопками с закругленными углами только на внешних сторонах панели инструментов.
Задача:
Когда я нажимаю любую кнопку, обе кнопки отображаются как «нажатые», и я не могу визуально различить, какую из них я только что нажал. Все остальные функции работают нормально -, т. е. меню отображается правильно и с правильными опциями.
Есть ли способ заставить эти кнопки менять свой стиль отдельно?
Обновление:
Я знаю, что вполне возможно заставить это работать, разделив мои кнопки на две btn-groupили (, как предложил @Sherbrow )с помощью div. Документация Bootstrap также предлагает
Buttons with dropdowns must be individually wrapped in their own.btn-group within a.btn-toolbar for proper rendering.
и я хотел бы знать -, можно ли каким-то образом избежать этой индивидуальной упаковки и иметь два правильно работающих раскрывающихся списка внутри одной группы btn -?
Я думаю, что спрашиваю о совершенно не -нестандартном и недокументированном поведении, и я приму ответ "это невозможно", если никто -не сможет предложить способ сделать это.