Question

请教一个bootstrap3的问题，请懂行的高人来解答一下，谢谢。

以上是bootstrap3的搜索代码，在大尺寸设备上没有问题，但是到了移动设备上就错位了，成了下面这个样子：

请问一下有没有办法让搜索按钮和搜索框在一行显示？CSS里面或者HTML里面应当怎么写？BTW：只实现界面，不牵涉功能的实现，谢谢。





Answer 1

<div class="input-group">
    <input type="text" class="form-control" name="keyword" value="" placeholder="要搜索的文章" required />
    <span class="input-group-btn">
        <button class="btn btn-primary" type="submit">
            搜索
        </button>
    </span>
</div>

正好手头有这个解决方案，试试看吧。

追问

你这个我开始也试过了，但是没有效果，CSS里面还要补充什么规则？