简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

Bootstrap3制作搜索框样式的方法

来源:易贤网   阅读:1969 次  日期:2016-07-28 16:00:57

温馨提示:易贤网小编为您整理了“Bootstrap3制作搜索框样式的方法”,方便广大网友查阅!

这篇文章主要介绍了Bootstrap3制作搜索框样式的方法 的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下

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

<div class="input-group">

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

</div>

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

以上所述是小编给大家介绍的Bootstrap3制作搜索框样式的方法的全部叙述,希望对大家有所帮助

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js 弹出对话框(遮罩)透明,可拖动的简单实例
下一篇:jQuery实现table中的tr上下移动并保持序号不变的实例代码
易贤网手机网站地址:Bootstrap3制作搜索框样式的方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!