Bootstrap输入框组

当前位置 : 首页 > 网页制作 > CSS > Bootstrap输入框组

Bootstrap输入框组

来源: 作者: 时间:2016-01-23 10:51
输入框组是由表单控件扩展而来,使用输入框组,可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,可以向用户输入添加公共

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

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

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

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

  • 把前缀或后缀元素放在一个带有 class .input-group 的
    中。
  • 接着,在相同的
    内,在 class 为 .input-group-addon 的 内放置额外的内容。
  • 把该 放置在 元素的前面或者后面。为了保持跨的兼容性,请避免使用

 

 


 


\

 

 

 

 

 





\

 

 

 

 

 





\

 

 

 


 

 

 




 

\

 
Tag:
网友评论

<