介绍 & lt; div类=癷nput-group"比;
& lt; div类=癷nput-icon-group"祝辞
& lt;输入类型=皌ext"类=氨淼タ丶c-clear"/比;
& lt;跨度id=皊can"data-role=癿d"医学博士类=癿d-center-focus-weak fa-lg input图标input-icon-md"风格=跋允?内联;“比;
& lt;/span>
& lt;/div>
& lt;跨类=癷nput-group-btn"祝辞
& lt;按钮类=癰tn btn-primary"类型=癰utton"比;
批号& lt;/button>
& lt;/span>
& lt;/div>
小编给大家分享一下引导给输入加图标的方法,希望大家阅读完这篇文章后大所收获、下面让我们一起去探讨吧!
<强>示例代码
<强>解读:
1,首先使得他们在一行主要是“<代码> input-group> input-icon-group ”和“<代码> input-group-btn>
2,使得输入里面的图标在输入里面展现的效果主要是“<代码> input图标input-icon-md> 显示:内联代码>
3,对于输入框能够占据整行空隙,而不是宽度很小,起作用的是“<代码>表单控件”。
4,对于输入框里面输入文字后,不会覆盖图标,起作用的是“<代码> fc-clear”。
看完了这篇文章,相信你对引导给输入加图标的方法有了一定的了解,想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
