您现在的位置:首页 >> 前端 >> 内容

Bootstrap输入框组

时间:2016/1/7 9:50:27 点击:

  核心提示:输入框组是由表单控件扩展而来,使用输入框组,可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者...

输入框组是由表单控件扩展而来,使用输入框组,可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。

通过向输入域添加前缀和后缀的内容,可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在 Twitter 用户名前添

加 @,或者应用程序接口所需要的其他公共的元素。

向 .form-control 添加前缀或后缀元素的步骤如下:

  • 把前缀或后缀元素放在一个带有 class .input-group 的

    中。

  • 接着,在相同的

    内,在 class 为 .input-group-addon 的 内放置额外的内容。

  • 把该 放置在 元素的前面或者后面。为了保持跨浏览器的兼容性,请避免使用


 

 



 



Bootstrap输入框组

 

 

 

 

 





Bootstrap输入框组

 

 

 

 

 





Bootstrap输入框组

 

 

 


 

 

 




 

Bootstrap输入框组

 

Tags:BO OO OT TS 
作者:网络 来源:Yvette Lau