Javascript 输入组中带有下拉菜单的响应引导按钮

我在这个网站的任何地方都找不到这个确切的问题，但如果已经有人问过，我深表歉意

我正在设计一个带有Bootstrap的网站，在

.jumbotron

中有一个搜索栏，它跨越了所有12列。它在右侧附加了一个下拉按钮，用于指定用户希望执行的搜索类型

标记如下所示：

提问
选择搜索类型

这可以通过将按钮文本包含在元素中，并使用隐藏/显示不同大小的按钮来实现。尝试此操作，它将

hiddex xs

和

hidden sm

应用于普通文本，并将另一个

span

和

hidden lg

添加到较小的文本span

提问
选择搜索类型
小文本

谢谢，太棒了！