改变表单元素的尺寸可以,可以在这个文本框上面再添加一个 form-control-lg ,它会让元素变成大号的 .. 再试一下 form-control-sm ,它可以让元素变成小号的 ..
readonly
如果在元素上添加一个 readonly 属性,这样表单会变成只读状态 .. 现在它就不能被选中,然后输入内容了 .. 让只读的表单元素显示成纯文字的形式 .. 可以在表单元素上,把 form-control 换成 form-control-plaintext ..
Input group
在文本框的前后我们可以附加显示点东西,比如文字,按钮,下拉菜单 .. 在文字框的上面先添加一个附加文字.. 一组 span 标签,附加一个 @ 符号 .. 在这个 span 上面要加上 input-group-addon 这个类 ..
然后再给它们添加一个包装 .. 这个包装上要加上一个 input-group ..
现在文本框的前面可以很好的附加显示一个文字 ..
再给它的后面添加一个按钮 .. 一组 button 元素 ... 上面加上 btn btn-primary .. 按钮上的文字是 Go ..
在这个要附加显示的按钮的外面还得再添加一个额外的包装 .. 一组 span ,上面加上 input-group-btn ..
现在文本框的右边会附加显示一个按钮 ..