欢迎来到天天文库
浏览记录
ID:47400865
大小:40.00 KB
页数:7页
时间:2019-07-05
《Bootstrap 输入框组》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Bootstrap输入框组本章将讲解Bootstrap支持的另一个特性,输入框组。输入框组扩展自表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。通过向输入域添加前缀和后缀的内容,您可以向用户输入添加公共的元素。例如,您可以添加美元符号,或者在Twitter用户名前添加@,或者应用程序接口所需要的其他公共的元素。向.form-control添加前缀或后缀元素的步骤如下:把前缀或后缀元素放在一个带有class.input-group的
2、额外的内容。把该放置在元素的前面或者后面。为了保持跨浏览器的兼容性,请避免使用元素,因为它们在WebKit浏览器中不能完全渲染出效果。也不要直接向表单组应用输入框组的class,输入框组是一个孤立的组件。基本的输入框组下面的实例演示了基本的输入框组:Bootstrap实例-基本的输入框组3、y.min.js">@4、ndle">
3、y.min.js">@
4、ndle">
5、ody>尝试一下»结果如下所示:基本的输入框组输入框组的大小您可以通过向.input-group添加相对表单大小的class(比如.input-group-lg、input-group-sm、input-group-xs)来改变输入框组的大小。输入框中的内容会自动调整大小。下面的实例演示了这点:
6、pts/jquery.min.js">@7、ol"placeholder="Twitterhandle">@@
7、ol"placeholder="Twitterhandle">@@
此文档下载收益归作者所有