如何将glyphicon添加到文本类型输入框?例如,我想在用户名输入中使用'icon-user',如下所示:

我想在Bootstrap 3中构建一个表单,如下所示:

我的网站(不是上面的链接)只是从Bootstrap 2.3.2更新,格式不再正确.
我在getbootstrap.com上找不到关于此类表单的任何文档.
谁能告诉我怎么做?只有'用户名'才行.
谢谢.
PS有一个类似的问题,但它使用的是Bootstrap 2.3.2.
我们如何icon-search在文本输入元素的右侧添加Twitter Bootstrap图标?
以下尝试将所有图标放在input元素中,我们如何裁剪它以便它只显示图标icon-search?
目前的尝试

CSS
input.search-box {
width: 180px;
background: #333;
background-image: url('/img/glyphicons-halflings-white.png');
background-position: -48px 0;
padding-left: 30px;
margin-top: 45px;
border: 0;
float: right;
}
Run Code Online (Sandbox Code Playgroud)