Bootstrap3制作搜索框样式的方法

高洛峰

Lepaskan： 2016-12-29 11:36:19

asal

1725 orang telah melayarinya

Bootstrap3中的很多样式，都是需要我们进行摸索着学习的，在制作类似百度的素搜索框时，一开始会不知道怎么做，其实很简单，利用内联图标方式就可以实现

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

Salin selepas log masuk

通过'.input-group'将span内联到输入框，我们只需要在这个span上面加上按钮的样式，就可以实现一个很不错的搜索框。

以上所述是小编给大家介绍的Bootstrap3制作搜索框样式的方法的全部叙述，希望对大家有所帮助，如果大家想了解更多内容敬请关注PHP中文网！

更多Bootstrap3制作搜索框样式的方法相关文章请关注PHP中文网！

Label berkaitan：

bootstrap3 搜索框样式

sumber：php.cn

Artikel sebelumnya：jQuery基于BootStrap样式实现无限极地区联动 Artikel seterusnya：Bootstrap风格的WPF样式

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang