html如何使搜索按钮在右边,css – 引导搜索框和按钮对齐标题文本右侧(不在导航栏中)...

我正在使用Bootstrap 3.3.7并且在小屏幕上查看时难以将搜索框和按钮放在标题文本下方.

我想把它堆叠如下：

大屏幕(目前)：

[Title] [search input] [submit button]

较小的屏幕：

[Title]

[search input] [submit button]

小屏幕：

[Title]

[search input]

[submit button]

任何帮助非常感谢.我已经在这里工作了很长时间,我的CSS技能太缺乏让我做出任何不错的进展.谢谢.

大屏幕：

较小的屏幕(按钮被切断)：

小屏幕：

这是我的代码：

Search

Search

Quite Long Header Text

更新

谢谢你@ Robert C.这就是你的建议：

和

和

按钮尺寸减小很好,但输入字段现在跨越整个宽度.我认为如果小按钮和输入字段在同一行中,它们都可以正常工作.这意味着即使在小型设备上,我也只需要两个堆栈.

您能否建议我如何减小输入框的大小,以便按钮在同一“行”上粘贴到左侧？

非常感谢