How to style search box in Bootstrap3

Many styles in Bootstrap3 require us to learn by trial and error. When making a plain search box similar to Baidu, we may not know how to do it at first. In fact, it is very simple and can be achieved by using inline icons

<div class="input-group">
<input type="text" class="form-control input-lg"><span class="input-group-addon btn btn-primary">搜索</span>
</div>

Inline the span into the input box through '.input-group'. We only need to add the button style to this span to achieve a very good search box.

The above is the entire description of the method of making a search box style with Bootstrap3 introduced by the editor. I hope it will be helpful to you. If you want to know more, please pay attention to the PHP Chinese website !

For more related articles on how to create a search box style using Bootstrap3, please pay attention to the PHP Chinese website!