文本输入框就是可以在元素前后加上文字或按钮，可以实现对表单控件的扩展。
例如实现下列的效果：
代码示例：
<div class="input-group">
<input type="text" class="form-control">
<span class="input-group-addon">@
<div class="input-group input-group-lg">
<span class="input-group-addon">￥
<input type="text" class="form-control">
<span class="input-group-addon">.00
<div class="input-group">
<span class="input-group-addon"><input type="checkBox">
<input type="text" class="form-control">
<div class="input-group">
<input class="form-control">
<span class="input-group-btn">
<button class="btn btn-default">提交
<div class="input-group">
<input ttype="text" class="form-control">
<div class="input-group-btn">
<button class="btn btn-default" data-toggle="dropdown">
下拉菜单
<span class="caret">
导航组件，用于实现 Web 页面的栏目操作,导航条是网站中作为导航页头的响应式基础组件。
示例效果：
代码：
使用演示：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程之家。
