我有一个Bootstrap 3.3.7项目，它包含一个由3个文本输入字段组成的搜索工具。
3个输入位于.col-md-4内，使得它们占据屏幕的整个宽度。示例：https://jsfiddle.net/8vm8m8za/6/
我需要在右侧放置一个按钮（在＆＃34之后;在上面的示例中为＃3;＃3;＃）;此按钮上的文字是单个字符（＆＃34; A＆＃34;），因此按钮不会占用太多宽度。我已经更新了小提琴以显示它的外观：https://jsfiddle.net/8vm8m8za/7/。为了实现这一目标，我将.col-md-4更改为.col-md-3，因为据我所知，他们需要加起来才能占用.row
我想要的效果是我发布的2个示例链接。我希望3个文本输入占据所有宽度，但也包括同一行上的按钮和＆＃34;调整＆＃34; （不知道如何描述它）宽度使它全部适合1 .row。
我无法理解如何使用Bootstrap实现这一点，因为我相信一切都必须加起来才能占用整行。
答案 0 :(得分：1)
嗨，我不确定这是你要求的......
尝试将前两个字段集设为.col-md-4，然后将第三个设置为.col-md-3，并将按钮放在.col-md-1中，以构成网格完整。